:root{--header-height: 70px;--background: #030711;--surface: #0f1629;--surface-hover: #1e293b;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--accent: #a855f7;--accent-glow: rgba(168, 85, 247, .4);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-text: linear-gradient(135deg, #fff 30%, #a855f7 100%);--gradient-border: linear-gradient(to right, transparent, rgba(255,255,255,.1), transparent)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,sans-serif;background:var(--background);color:var(--text-primary);scroll-behavior:smooth;height:100%}body{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow-x:hidden}.bg-effects{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--primary);top:-100px;left:-100px}.orb-2{width:400px;height:400px;background:var(--accent);bottom:10%;right:-50px;animation-delay:-5s}.noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");opacity:.4}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,40px)}}.site-header{height:var(--header-height);position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;transition:all .3s ease}.site-header:before{content:"";position:absolute;inset:0;background:#030711b3;backdrop-filter:blur(12px);mask:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask:linear-gradient(to bottom,black 80%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05)}.header-inner{width:100%;max-width:1200px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;group:flex}.logo-icon{width:36px;height:36px;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .3s ease}.logo:hover .logo-icon{background:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary-glow);border-color:var(--primary);transform:rotate(-5deg)}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.main-nav{display:flex;gap:8px;background:#ffffff08;padding:4px;border-radius:99px;border:1px solid var(--border)}.main-nav a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;padding:8px 16px;border-radius:99px;transition:all .2s cubic-bezier(.4,0,.2,1)}.main-nav a:hover{color:var(--text-primary);background:#ffffff0d}.main-content{flex:1;margin-top:var(--header-height);width:100%}body.regular-page .main-content{padding:60px 24px}body.doc-page .main-content{padding:0}.site-footer{margin-top:auto;padding:40px 24px 20px;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:1px;background:var(--gradient-border)}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-logo{font-weight:700;font-size:1.1rem;color:var(--text-primary);margin-bottom:8px;opacity:.8}.copyright{color:var(--text-tertiary);font-size:.85rem}body.doc-page .site-footer{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:99px;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;letter-spacing:.01em}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 20px var(--primary-glow);border:1px solid transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-glow);background:#5558e6}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);background:#6366f11a;transform:translateY(-2px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px -10px #00000080,0 0 20px -5px var(--primary-glow)}.badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:99px;color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1002}.mobile-menu-btn .bar{display:block;width:24px;height:2px;background:var(--text-primary);transition:all .3s ease;border-radius:2px}.mobile-menu-btn.active .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active .bar:nth-child(2){opacity:0}.mobile-menu-btn.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--background);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.open{opacity:1;visibility:visible}.mobile-nav{display:flex;flex-direction:column;padding:2rem;gap:.5rem}.mobile-nav a{color:var(--text-primary);text-decoration:none;font-size:1.25rem;font-weight:600;padding:1rem 0;border-bottom:1px solid var(--border);transition:color .2s}.mobile-nav a:hover{color:var(--primary)}body.menu-open{overflow:hidden}@media(max-width:768px){.main-nav{display:none!important}.mobile-menu-btn{display:flex!important}.mobile-menu{display:block!important}body.regular-page .main-content{padding:20px 16px}}