@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--primary: #f59e0b;--primary-glow: rgba(245, 158, 11, .3);--secondary: #fbbf24;--accent: #f97316;--background: #ffffff;--surface: #f8fafc;--surface-light: #f1f5f9;--text: #0f172a;--text-muted: #475569;--glass: rgba(0, 0, 0, .03);--glass-border: rgba(0, 0, 0, .1);--grad-primary: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--grad-surface: linear-gradient(180deg, rgba(248, 250, 252, .8) 0%, rgba(255, 255, 255, 0) 100%);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:Outfit,sans-serif;font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 50px #0000000d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideUp .8s cubic-bezier(.2,.8,.2,1) forwards}.animate-float{animation:float 4s ease-in-out infinite}.btn-primary{background:var(--grad-primary);color:#fff;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);border:none;cursor:pointer;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1280px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1.5rem}}.cc-header{position:sticky;top:0;z-index:1000;width:100%;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);transition:var(--transition)}.cc-nav-container{max-width:1280px;margin:0 auto;padding:0 2rem;height:5rem;display:flex;align-items:center;justify-content:space-between}.cc-logo{display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text);text-decoration:none;transition:var(--transition)}.cc-logo img{height:36px;width:auto}.cc-logo:hover{transform:translateY(-1px);opacity:.9}.cc-desktop-nav{display:none;gap:32px;height:100%}@media (min-width: 1024px){.cc-desktop-nav{display:flex}}.cc-nav-item{position:relative;height:100%;display:flex;align-items:center}.cc-nav-link{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:8px 0}.cc-nav-item:hover .cc-nav-link{color:var(--text)}.cc-chevron{width:16px;height:16px;transition:var(--transition)}.cc-nav-item:hover .cc-chevron{transform:rotate(180deg);color:var(--primary)}.cc-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;padding:12px;min-width:220px;box-shadow:0 20px 40px #0006;opacity:0;visibility:hidden;transition:var(--transition);display:flex;flex-direction:column;gap:4px}.cc-nav-item:hover .cc-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.cc-dropdown.cc-mega{display:grid;grid-template-columns:repeat(2,1fr);min-width:480px}.cc-dropdown a,.cc-tutorial-link{padding:10px 16px;font-size:.9rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:10px;transition:var(--transition)}.cc-dropdown a:hover,.cc-tutorial-link:hover{background:var(--surface-light);color:var(--text);transform:translate(4px)}.cc-nav-right{display:flex;align-items:center;gap:20px}.cc-hamburger{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1002}@media (min-width: 1024px){.cc-hamburger{display:none}}.cc-hamburger span{width:100%;height:2px;background:var(--text);border-radius:2px;transition:var(--transition)}.cc-hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.cc-hamburger.active span:nth-child(2){opacity:0}.cc-hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.cc-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:10000;padding:0;height:100vh;width:100vw;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.cc-mobile-overlay.active{transform:translate(0)}.cc-mobile-header{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.cc-close-menu{background:var(--surface-light);border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:var(--transition)}.cc-close-menu:hover{background:var(--primary);color:#fff;transform:rotate(90deg)}.mobile-wrapper{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.mobile-group{border-radius:16px;transition:var(--transition);background:transparent;border-bottom:1px solid var(--glass-border)}.mobile-group.open{background:var(--surface);padding-bottom:8px;border-bottom-color:transparent}.mobile-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text);padding:1.25rem 1rem;cursor:pointer;transition:var(--transition)}.cc-arrow{width:18px;height:18px;opacity:.5;transition:transform .4s cubic-bezier(.4,0,.2,1)}.mobile-group.open .cc-arrow{transform:rotate(180deg);opacity:1;color:var(--primary)}.mobile-content{max-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0 1rem;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.mobile-group.open .mobile-content{max-height:800px}.mobile-link-anim{opacity:0;transform:translate(-10px);transition:all .4s ease}.mobile-group.open .mobile-link-anim{opacity:1;transform:translate(0)}.mobile-content a,.cc-tutorial-link{font-size:.95rem;font-weight:500;color:var(--text-muted);text-decoration:none;padding:10px 12px;border-radius:10px;display:block;transition:var(--transition)}.mobile-content a:active,.mobile-content a:hover{background:var(--surface-light);color:var(--primary);padding-left:16px}.mobile-footer{padding:2rem;border-top:1px solid var(--glass-border);text-align:center;background:var(--surface)}.mobile-footer p{font-size:.85rem;color:var(--text-muted)}@media (max-width: 480px){.cc-nav-container{padding:0 1.25rem}.cc-logo{font-size:1.25rem}.cc-logo img{height:28px}.mobile-wrapper{padding:1.5rem}}.cc-footer{background:var(--surface);border-top:1px solid var(--glass-border);padding:100px 2rem 40px}.cc-footer-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px}.footer-logo{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:24px}.cc-footer-brand p{font-size:1rem;color:var(--text-muted);line-height:1.6;margin-bottom:32px;max-width:320px}.brand-socials{display:flex;gap:12px}.brand-socials button{width:40px;height:40px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.brand-socials button:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.cc-footer-col h4{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}.cc-footer-col ul{list-style:none}.cc-footer-col ul li{margin-bottom:12px}.cc-footer-col ul li a{text-decoration:none;font-size:.95rem;color:var(--text-muted);transition:var(--transition)}.cc-footer-col ul li a:hover{color:var(--primary);padding-left:4px}.cc-footer-bottom{border-top:1px solid var(--glass-border);margin-top:80px;padding-top:32px}.footer-bottom-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted)}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{text-decoration:none;color:var(--text-muted);transition:var(--transition)}.footer-bottom-links a:hover{color:var(--text)}@media (max-width: 1200px){.cc-footer-container{grid-template-columns:repeat(2,1fr);gap:60px}.cc-footer-brand{grid-column:span 2}}@media (max-width: 768px){.cc-footer{padding:60px 1.5rem 32px}.footer-bottom-container{flex-direction:column;gap:20px;text-align:center}}