:root{--bg-color: #050510;--text-color: #f0f0f0;--primary-color: #00f3ff;--secondary-color: #4facfe;--accent-color: #00ff9d;--card-bg: rgba(15, 20, 35, .7);--nav-bg: rgba(5, 5, 16, .8);--glass-border: rgba(255, 255, 255, .08);--neon-glow: 0 0 15px rgba(0, 243, 255, .2)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Outfit,Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;padding-bottom:100px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.neon-text{text-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color)}.gradient-text{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.section{padding:6rem 1rem;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{max-width:1200px;width:100%;margin:0 auto}.btn{transition:all .3s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00f3ff4d}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#030014f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:99;transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{transform:translateY(0)}.desktop-menu{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;position:relative;padding:.5rem 0;transition:color .3s}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease;box-shadow:0 0 10px var(--primary-color)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover,.nav-link.active{color:var(--primary-color);text-shadow:0 0 8px rgba(0,243,255,.5)}.logo{font-size:1.8rem;font-weight:800;color:var(--text-color);text-decoration:none;letter-spacing:1px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;z-index:100}@media(max-width:768px){.desktop-menu{display:none}.mobile-menu-btn{display:block}}.navbar-dock-container{position:fixed;bottom:2rem;left:0;right:0;margin:0 auto;width:fit-content;z-index:1000;display:flex;justify-content:center;max-width:95vw}.navbar-dock{position:relative;display:flex;align-items:center;gap:1rem;padding:.9rem 1.8rem;border-radius:50px;background:#050510a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000080;isolation:isolate;overflow:visible}.navbar-dock:before{content:"";position:absolute;inset:-1px;border-radius:50px;padding:1px;background:linear-gradient(115deg,#00f3ff8c,#ffffff0a 35%,#4facfe73 65%,#00f3ff8c);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;animation:dockBorderFlow 6s linear infinite;pointer-events:none}@keyframes dockBorderFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.dock-pill{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;overflow:hidden;cursor:pointer;transition:background .3s ease,box-shadow .3s ease,color .3s ease}.dock-pill.is-active{width:auto}.dock-icon-glyph{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dock-label{display:inline-block;white-space:nowrap;overflow:hidden;font-size:.85rem;font-weight:700;letter-spacing:.01em}.dock-tooltip{position:absolute;top:-42px;left:50%;transform:translate(-50%);white-space:nowrap;background:#0a0a16eb;color:var(--text-color);font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.4rem .8rem;border-radius:8px;border:1px solid rgba(0,243,255,.25);box-shadow:0 4px 14px #00000073;pointer-events:none}.dock-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(10,10,22,.92) transparent transparent transparent}@media(max-width:480px){.section{padding:4rem 1rem}.navbar-dock-container{bottom:1rem;max-width:100vw;padding:0 10px}.navbar-dock{padding:.7rem .6rem;gap:.3rem;width:100%;justify-content:space-around}.dock-pill{width:36px;height:36px}.dock-pill.is-active{width:auto;padding:0 .7rem 0 .55rem!important;gap:.35rem!important}.dock-icon-glyph svg{width:17px;height:17px}.dock-label{font-size:.7rem}.dock-tooltip{display:none}}