:root{--glass-bg: rgba(17, 24, 39, .52);--glass-bg-strong: rgba(12, 17, 29, .8);--glass-bg-soft: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .14);--glass-highlight: rgba(255, 255, 255, .26);--glass-shadow: 0 28px 90px rgba(2, 6, 23, .45);--text-strong: rgba(248, 250, 252, .97);--text-soft: rgba(191, 219, 254, .78);--accent-cyan: #67e8f9;--accent-mint: #4ade80;--accent-gold: #fbbf24;--accent-rose: #fb7185;--accent-violet: #c084fc}*{box-sizing:border-box}html{min-height:100%;background:#050816}body{margin:0;min-height:100vh;color:var(--text-strong);font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at 15% 20%,rgba(103,232,249,.22),transparent 30%),radial-gradient(circle at 82% 18%,rgba(251,191,36,.18),transparent 24%),radial-gradient(circle at 78% 70%,rgba(192,132,252,.2),transparent 28%),radial-gradient(circle at 25% 78%,rgba(251,113,133,.16),transparent 24%),linear-gradient(145deg,#040712,#091325 44%,#050913);background-attachment:fixed}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(70px);opacity:.75}body:before{top:8vh;left:4vw;width:22rem;height:22rem;background:#67e8f92e;animation:float-orb 16s ease-in-out infinite alternate}body:after{right:6vw;bottom:8vh;width:26rem;height:26rem;background:#c084fc24;animation:float-orb 20s ease-in-out infinite alternate-reverse}a{color:inherit}#root{min-height:100vh}.app-shell{position:relative;isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(255,255,255,.28),transparent 85%);mask-image:linear-gradient(to bottom,rgba(255,255,255,.28),transparent 85%);opacity:.25}.display-font{font-family:Sora,sans-serif}.glass-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff1c,#ffffff0d);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 38%,transparent 62%,rgba(255,255,255,.08));opacity:.9}.glass-panel>*{position:relative;z-index:1}.glass-button{background:#ffffff17;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px #0f172a47;transition:transform .18s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.glass-button:hover{transform:translateY(-1px);background:#ffffff24;border-color:#ffffff3d;box-shadow:0 18px 46px #0f172a5c}.glass-button:active{transform:translateY(0)}.sparkle-text{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(90deg,var(--accent-cyan),var(--accent-gold),var(--accent-rose),var(--accent-violet))}.sparkle-outline{position:relative}.sparkle-outline:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;border-radius:inherit;background:linear-gradient(135deg,#67e8f9b8,#fbbf2470,#fb7185ad,#c084fc85);opacity:.7;filter:blur(.5px)}.sparkle-outline>*{position:relative;z-index:1}.ambient-chip{background:#080c187a;border:1px solid rgba(255,255,255,.12);color:#e2e8f0e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.shine-surface{position:relative;overflow:hidden}.shine-surface:after{content:"";position:absolute;inset:-160% auto auto -20%;width:42%;height:300%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:0;transition:opacity .24s ease}.shine-surface:hover:after{opacity:1;animation:sweep 1.1s ease}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 1px #67e8f9b8,0 0 0 6px #67e8f924}@keyframes float-orb{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(24px,-18px,0) scale(1.08)}}@keyframes sweep{0%{transform:translate(-140%) rotate(18deg)}to{transform:translate(360%) rotate(18deg)}}@keyframes pulse-ring{0%{transform:scale(.88);opacity:.85}to{transform:scale(1.65);opacity:0}}@media(max-width:768px){body:before,body:after{width:16rem;height:16rem}.app-shell:before{background-size:48px 48px}}