:root{--bg-primary: #0D0D21;--bg-secondary: #111118;--text-primary: #f0f0f5;--text-muted: #6b6b80;--accent: #7b8cff;--accent-warm: #ff8c69;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 24px;--glass-highlight: rgba(255, 255, 255, .18);--glass-shadow: rgba(0, 0, 0, .4);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--page-gutter: clamp(16px, 4vw, 32px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;min-height:100svh;overflow-x:hidden}body{font-family:var(--font-body);font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;cursor:auto}@media(hover:hover)and (pointer:fine){body{cursor:none}*,*:before,*:after{cursor:none!important}}@media(hover:none),(pointer:coarse){body,*,*:before,*:after{cursor:auto!important}}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 10% 10%,rgba(123,140,255,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 90% 90%,rgba(255,140,105,.04) 0%,transparent 70%);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:20px;box-shadow:0 4px 24px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-6px) scale(1.01);border-color:#7b8cff4d;box-shadow:0 12px 48px #0009,0 0 0 1px #7b8cff26,inset 0 1px 0 var(--glass-highlight)}.glass-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:inset 0 1px 0 var(--glass-highlight)}.glass-btn:hover{background:#7b8cff26;border-color:#7b8cff80;box-shadow:0 0 20px #7b8cff33,inset 0 1px 0 var(--glass-highlight)}.glass-btn--primary{background:#7b8cff33;border-color:#7b8cff66}.glass-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.navbar{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:8px;padding:10px 28px;border-radius:999px;width:fit-content;white-space:nowrap;max-width:calc(100vw - 32px);background:#14141c73;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 24px #0006;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.navbar--scrolled{background:#ffffff0f;border-color:#ffffff1f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.navbar__logo{display:flex;align-items:center;justify-content:center;text-decoration:none}.navbar__logo-icon{width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1);opacity:.7;transition:opacity .2s}.navbar__logo:hover .navbar__logo-icon{opacity:1}.navbar__links{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.navbar__item{position:relative}.navbar__link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;text-decoration:none;position:relative;transition:background .2s}.navbar__link:hover{background:#ffffff14}.navbar__link-icon{width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1);opacity:.5;transition:opacity .2s}.navbar__link:hover .navbar__link-icon,.navbar__link--active .navbar__link-icon{opacity:1}.navbar__link-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;color:#fffc;background:#141424e6;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 10px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;transform:translate(-50%) translateY(-4px)}.navbar__link:hover .navbar__link-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.navbar__link--active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#7b8cff}.navbar__icons{display:flex;align-items:center;gap:12px;margin-left:8px;padding-left:12px}.navbar__icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;opacity:.5;transition:opacity .2s ease,transform .2s ease;text-decoration:none}.navbar__icon-btn:hover{opacity:1;transform:scale(1.1)}.navbar__icon-img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}@media(max-width:1024px){.navbar{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(calc(100vw - 32px),420px);max-width:min(calc(100vw - 32px),420px);justify-content:center;padding:10px 14px;gap:0}.navbar__logo{display:none}.navbar__links{width:100%;justify-content:space-between;gap:8px}.navbar__link{width:clamp(52px,14vw,64px);height:52px;border-radius:14px}}@media(max-width:640px){.navbar{width:min(calc(100vw - 24px),360px);max-width:min(calc(100vw - 24px),360px)}.navbar__link{width:clamp(48px,22vw,60px);height:48px}}.footer{padding:60px 5vw 24px;background:var(--bg-secondary);position:relative;z-index:1}.footer__inner{display:flex;gap:80px;margin-bottom:48px;justify-content:center}.footer__col{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.footer__heading{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:4px}.footer__link{font-family:var(--font-body);font-size:15px;color:var(--text-primary);letter-spacing:.05em;transition:letter-spacing .3s ease,color .25s ease}.footer__link:hover{letter-spacing:.12em;color:var(--accent)}.footer__bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}@media(max-width:640px){.footer__inner{flex-direction:column;gap:32px}}.device-notice{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px}.device-notice__backdrop{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(123,140,255,.18),transparent 42%),#080812d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.device-notice__panel{position:relative;width:min(100%,520px);padding:clamp(28px,5vw,40px);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(180deg,#ffffff1f,#ffffff0d),#0d0d21f0;box-shadow:0 32px 80px #0006,inset 0 1px #ffffff1f;text-align:center}.device-notice__mark{width:72px;height:72px;margin:0 auto 18px;border-radius:999px;display:grid;place-items:center;font-family:var(--font-display);font-size:40px;font-weight:800;color:#111118;background:linear-gradient(135deg,#ffd36a,#ff8c69);box-shadow:0 16px 36px #ff8c6947}.device-notice__eyebrow{margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#fff9}.device-notice__title{font-family:var(--font-display);font-size:clamp(22px,4.2vw,38px);line-height:1.05;color:var(--text-primary);white-space:nowrap}.device-notice__copy{margin-top:14px;font-size:14px;line-height:1.6;color:#f0f0f5b8;white-space:nowrap}.device-notice__button{margin-top:24px;min-width:180px;padding:14px 18px;border-radius:999px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#7b8cff,#9ea8ff);color:#0d0d21;box-shadow:0 14px 30px #7b8cff38;transition:transform .18s var(--ease-out-expo),box-shadow .18s var(--ease-out-expo)}.device-notice__button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #7b8cff47}@media(max-width:640px){.device-notice{padding:18px}.device-notice__panel{padding:26px 20px;border-radius:24px}.device-notice__mark{width:64px;height:64px;font-size:34px}.device-notice__button{width:100%}}.cursor-dot{position:fixed;top:-4px;left:-4px;width:8px;height:8px;pointer-events:none;z-index:99999;will-change:transform;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #ffffffe6,0 0 14px 4px #dcebffb3,0 0 28px 8px #b4d2ff66}.cursor-glow{position:fixed;top:-160px;left:-160px;width:320px;height:320px;pointer-events:none;z-index:99998;will-change:transform;border-radius:50%;background:radial-gradient(circle,rgba(220,235,255,.14) 0%,rgba(180,210,255,.07) 38%,transparent 68%)}.click-glow{position:fixed;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;pointer-events:none;z-index:99997;background:radial-gradient(circle,rgba(180,200,255,.55) 0%,transparent 70%);animation:click-burst .8s ease-out forwards}@keyframes click-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.click-music{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:99997;font-size:20px;color:#b4c8ffe6;animation:click-note .8s ease-out forwards;-webkit-user-select:none;user-select:none}@keyframes click-note{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-130%) scale(1.3);opacity:0}}