@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#04040a;--surface:#09090f;--surface-2:#0f0f18;--primary:#7b6cff;--primary-dim:#7b6cff26;--primary-glow:#7b6cff59;--cyan:#00d9ff;--amber:#f5a623;--success:#aaff6e;--teal:#4dddaa;--coral:#ff5f6d;--text:#f0edf8;--text-2:#b8b4cc;--muted:#6a6780;--glass:#ffffff07;--glass-b:#ffffff0e;--glass-border:#ffffff0e;--display:"Cormorant Garamond", Georgia, serif;--ui:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(0, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;width:100%;height:100%;overflow:hidden}.screen-scroll{overflow:hidden auto}*{cursor:none!important}.screen{z-index:1;position:absolute;inset:0}.noise{pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.ambient{pointer-events:none;z-index:0;background:radial-gradient(70% 55% at 15% 65%,#7b6cff1c 0%,#0000 65%),radial-gradient(45% 45% at 85% 18%,#00d9ff0e 0%,#0000 60%),radial-gradient(55% 65% at 65% 88%,#f5a6230b 0%,#0000 60%);animation:22s ease-in-out infinite alternate ambientDrift;position:fixed;inset:0}@keyframes ambientDrift{0%{transform:translate(0)scale(1)}to{transform:translate(2.5%,3.5%)scale(1.05)}}.card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:20px;box-shadow:inset 0 1px #ffffff0a,0 24px 48px #00000047,0 4px 16px #0000002e}.card-glow{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;box-shadow:0 0 0 1px #7b6cff14,0 24px 64px #7b6cff14,0 4px 16px #0000003d}.orb{border-radius:50%;transition:all .4s;position:relative}.orb:after{content:"";opacity:.12;pointer-events:none;background:radial-gradient(circle,currentColor 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite orbPulse;position:absolute;inset:-30%}@keyframes orbPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.btn{cursor:none;height:52px;font-family:var(--ui);letter-spacing:.01em;transition:transform .2s var(--ease-spring), box-shadow .25s ease, opacity .15s ease;border:none;border-radius:14px;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:150%}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6b5dff 0%,#9b8dff 100%);box-shadow:0 4px 24px #7b6cff52,inset 0 1px #ffffff1f}.btn-primary:hover{box-shadow:0 8px 40px #7b6cff85,inset 0 1px #ffffff1f}.btn-amber{color:#fff;background:linear-gradient(135deg,#e89a1a 0%,#ffb847 100%);box-shadow:0 4px 24px #f5a6234d,inset 0 1px #ffffff1f}.btn-amber:hover{box-shadow:0 8px 40px #f5a62380}.btn-ghost{color:var(--muted);background:#ffffff08;border:1px solid #ffffff17;border-radius:10px;height:40px;font-size:13px;transition:border-color .2s,color .2s,background .2s}.btn-ghost:hover{color:var(--text);background:#ffffff0e;border-color:#ffffff38}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite dotPulse;display:inline-block}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}@keyframes micRing{0%{box-shadow:0 0 #f5a62399}to{box-shadow:0 0 0 18px #f5a62300}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ringFill{0%{stroke-dashoffset:440px}}@keyframes waveBar{0%{transform:scaleY(.3)}to{transform:scaleY(1.7)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #7b6cff33}50%{box-shadow:0 0 40px #7b6cff73}}@keyframes borderGlow{0%,to{border-color:#7b6cff4d}50%{border-color:#7b6cffb3}}@keyframes auroraMove{0%{transform:translate(0%)scale(1)}33%{transform:translate(3%,-4%)scale(1.08)}66%{transform:translate(-2%,3%)scale(.96)}to{transform:translate(0%)scale(1)}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.gradient-text{background:linear-gradient(135deg,#7b6cff,#00d9ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tag{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);background:#ffffff08;border:1px solid #ffffff12;border-radius:999px;align-items:center;padding:3px 10px;font-size:10px;display:inline-flex}