@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-void: #07040d;--bg-deep: #0e071a;--bg-card: rgba(18, 10, 32, .72);--bg-card-hover: rgba(26, 15, 46, .85);--bg-glass: rgba(22, 12, 40, .6);--bg-input: rgba(14, 8, 25, .8);--purple-glow: rgba(168, 85, 247, .35);--purple-border: rgba(168, 85, 247, .22);--purple-border-hover: rgba(192, 132, 252, .5);--accent-purple: #9333ea;--accent-violet: #a855f7;--accent-fuchsia: #d946ef;--accent-pink: #ec4899;--accent-sakura: #f472b6;--accent-cyan: #38bdf8;--accent-amber: #fbbf24;--accent-emerald: #10b981;--text-main: #f8fafc;--text-muted: #cbd5e1;--text-sub: #94a3b8;--text-dim: #64748b;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-head: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--glow-sm: 0 0 15px rgba(168, 85, 247, .2);--glow-md: 0 0 30px rgba(168, 85, 247, .35), 0 0 10px rgba(217, 70, 239, .2);--glow-lg: 0 0 50px rgba(168, 85, 247, .45), 0 0 20px rgba(236, 72, 153, .3);--card-shadow: 0 12px 40px -8px rgba(0, 0, 0, .6), 0 0 0 1px var(--purple-border);--card-shadow-hover: 0 20px 50px -10px rgba(147, 51, 234, .25), 0 0 0 1px var(--purple-border-hover)}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;background-color:var(--bg-void)}body{font-family:var(--font-sans);background:radial-gradient(circle at 50% 0%,#1a0b2e 0%,#0c0517 50%,var(--bg-void) 100%);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 65% 45% at 10% 15%,rgba(147,51,234,.18) 0%,transparent 60%),radial-gradient(ellipse 55% 40% at 85% 25%,rgba(217,70,239,.14) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 50% 85%,rgba(126,34,206,.15) 0%,transparent 70%),radial-gradient(circle at 80% 80%,rgba(56,189,248,.08) 0%,transparent 40%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.25;background-image:radial-gradient(rgba(192,132,252,.2) 1px,transparent 1px);background-size:32px 32px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#07040dcc}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9333ea,#d946ef);border-radius:999px;border:2px solid #07040d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#ec4899)}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);letter-spacing:-.02em;font-weight:700}.text-gradient{background:linear-gradient(135deg,#fff,#e2e8f0,#c084fc 80%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-purple{background:linear-gradient(135deg,#c084fc,#e879f9,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-gold{background:linear-gradient(135deg,#fde047,#fbbf24,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.main-content{flex:1;max-width:1240px;width:100%;margin:0 auto;padding:30px 20px 90px}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--purple-border);border-radius:20px;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--purple-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.glass-card-subtle{background:#120a2073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(168,85,247,.14);border-radius:16px}.btn-glow-primary{background:linear-gradient(135deg,#9333ea,#c026d3,#db2777);color:#fff;font-family:var(--font-head);font-weight:600;padding:12px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #9333ea66;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;position:relative;overflow:hidden}.btn-glow-primary:hover{box-shadow:0 6px 30px #c026d399,0 0 15px #ffffff4d;transform:translateY(-2px) scale(1.02)}.btn-glow-primary:active{transform:translateY(0) scale(.98)}.btn-glow-secondary{background:#9333ea1f;color:#e2e8f0;font-family:var(--font-head);font-weight:600;padding:12px 22px;border-radius:14px;border:1px solid rgba(168,85,247,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}.btn-glow-secondary:hover{background:#9333ea38;border-color:#c084fc99;color:#fff;transform:translateY(-2px)}.input-glass{background:var(--bg-input);border:1px solid rgba(168,85,247,.24);color:#fff;font-family:var(--font-sans);font-size:15px;padding:13px 18px;border-radius:14px;outline:none;width:100%;transition:all .25s ease}.input-glass:focus{border-color:#c084fc;box-shadow:0 0 0 3px #a855f733,0 0 20px #a855f740;background:#160c28e6}.input-glass::placeholder{color:var(--text-dim)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-pop-in{animation:modalPopIn .32s cubic-bezier(.16,1,.3,1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#1a0e2e99 25%,#4c1d9566,#1a0e2e99 75%);background-size:200% 100%;animation:shimmer 1.8s infinite ease-in-out;border-radius:12px}@keyframes scanline{0%{top:0%;opacity:.8}50%{opacity:1}to{top:100%;opacity:.8}}.laser-scanline{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ec4899,#c084fc,#38bdf8,transparent);box-shadow:0 0 15px #d946ef,0 0 25px #a855f7;animation:scanline 2.2s ease-in-out infinite alternate;pointer-events:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.badge-purple{background:#9333ea2e;border:1px solid rgba(168,85,247,.35);color:#e9d5ff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.badge-green{background:#10b98129;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.badge-gold{background:#f59e0b29;border:1px solid rgba(245,158,11,.35);color:#fde047;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.switch-container{position:relative;display:inline-block;width:48px;height:26px}.switch-container input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#1e1232e6;border:1px solid rgba(168,85,247,.3);transition:.3s cubic-bezier(.16,1,.3,1);border-radius:34px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#94a3b8;transition:.3s cubic-bezier(.16,1,.3,1);border-radius:50%}input:checked+.switch-slider{background:linear-gradient(135deg,#9333ea,#d946ef);border-color:#d946ef99;box-shadow:0 0 14px #a855f780}input:checked+.switch-slider:before{transform:translate(22px);background-color:#fff}@media (max-width: 768px){.main-content{padding:20px 14px 80px}}