:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-color: #030712;--card-bg: rgba(17, 24, 39, .7);--card-border: rgba(255, 255, 255, .08);--text-primary: #f9fafb;--text-secondary: #9ca3af;--cyan-primary: #06b6d4;--cyan-glow: rgba(6, 182, 212, .15);--blue-primary: #3b82f6;--blue-glow: rgba(59, 130, 246, .2);--gold-primary: #f59e0b;--gold-glow: rgba(245, 158, 11, .15);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;mix-blend-mode:screen;animation:float 25s infinite alternate ease-in-out}.glow-orb-1{width:50vw;height:50vw;background:radial-gradient(circle,var(--cyan-primary) 0%,transparent 70%);top:-10%;left:-10%;animation-duration:30s}.glow-orb-2{width:60vw;height:60vw;background:radial-gradient(circle,var(--blue-primary) 0%,transparent 70%);bottom:-15%;right:-10%;animation-duration:35s;animation-delay:-5s}.glow-orb-3{width:40vw;height:40vw;background:radial-gradient(circle,var(--gold-primary) 0%,transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);opacity:.1;animation-duration:20s;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,8%) scale(1.1)}to{transform:translate(-5%,-5%) scale(.9)}}.glass-panel{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 10px 30px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}header{position:sticky;top:0;z-index:90;background:#030712bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;width:100%}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(135deg,var(--cyan-primary),var(--blue-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo span{font-size:1.75rem}nav{display:flex;gap:.5rem;background:#ffffff0d;padding:.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.nav-btn{background:transparent;color:var(--text-secondary);border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:500;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.nav-btn.active{color:var(--text-primary);background:#ffffff1a;box-shadow:0 2px 8px #0003}main{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem 2rem 4rem;max-width:1200px;margin:0 auto;width:100%;min-height:calc(100vh - 120px)}button.primary-btn{background:linear-gradient(135deg,var(--cyan-primary),var(--blue-primary));color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #06b6d44d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}button.primary-btn:active{transform:translateY(0)}button.secondary-btn{background:#ffffff0f;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);padding:.875rem 2rem;font-size:1rem;font-weight:500;border-radius:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button.secondary-btn:hover{background:#ffffff1a;border-color:#fff3}.switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%}.switch-input{display:none}.switch-slider{position:relative;width:48px;height:24px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:background-color .2s ease}.switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.switch-input:checked+.switch-slider{background-color:var(--cyan-primary)}.switch-input:checked+.switch-slider:before{transform:translate(24px)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--cyan-primary);cursor:pointer;box-shadow:0 0 10px #06b6d480;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.625rem 1rem;border-radius:10px;outline:none;font-family:inherit;font-size:.95rem;cursor:pointer}select:focus{border-color:var(--cyan-primary)}@media (max-width: 768px){.glass-panel{border-radius:20px}}@media (max-width: 640px){header{padding:.75rem;flex-direction:column;gap:.75rem;align-items:center}header nav{position:static;transform:none;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.25rem;border-radius:12px;display:flex;gap:.25rem;width:100%;max-width:480px;justify-content:space-around}.nav-btn{flex-direction:row;gap:.35rem;padding:.45rem .5rem;font-size:.75rem;border-radius:10px;flex:1;align-items:center;justify-content:center}main{padding:1.5rem .75rem 3rem;min-height:calc(100vh - 120px)}}