@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;700&display=swap";:root{--bg: #1f2127;--panel: #2b2d31;--panel-2: #313338;--text: #ffffff;--muted: #e6e9f2;--accent: #5865f2;--accent-2: #3ba55c;--accent-3: #f6c343;--glow: rgba(88, 101, 242, .35);--radius: 22px;--shadow: 0 28px 70px rgba(0, 0, 0, .45);--font-main: "Space Grotesk", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "Unbounded", "Space Grotesk", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(900px 500px at 15% 15%,rgba(88,101,242,.35),transparent 60%),radial-gradient(800px 500px at 85% 25%,rgba(91,188,255,.18),transparent 60%),linear-gradient(145deg,#3d4188,#2a2d55 35%,#171823);color:var(--text);font-family:var(--font-main);display:flex;align-items:center;justify-content:center;padding:28px}.wrap{width:min(860px,100%)}.card{background:linear-gradient(160deg,var(--panel),var(--panel-2));border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:-30% 0 auto auto;width:240px;height:240px;background:radial-gradient(circle,rgba(88,101,242,.35),transparent 70%);filter:blur(8px);pointer-events:none}.header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.badge{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#5865f233;border:1px solid rgba(88,101,242,.5);box-shadow:0 10px 30px #5865f240}.badge svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:2.2}h1{font-family:var(--font-display);letter-spacing:.4px;margin:0 0 4px;font-size:clamp(22px,3vw,30px)}.subtitle{color:var(--muted);margin:0;font-size:.98rem}.option-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.option-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:var(--text);padding:14px 18px;border-radius:999px;font-size:.98rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s;box-shadow:inset 0 0 0 1px #ffffff05}.option-btn:hover{transform:translateY(-2px);border-color:#6da8ffb3;box-shadow:0 16px 26px #4f7cff47}.option-btn:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}.option-btn.active{border-color:#6da8ff;background:linear-gradient(135deg,#6da8ff66,#2f5bff33);box-shadow:0 0 0 1px #6da8ff99,0 18px 40px #4f7cff59}.opt-img{width:44px;height:44px;border-radius:12px;-o-object-fit:cover;object-fit:cover;background:transparent;border:none;padding:0}.opt-text{display:grid;gap:2px;text-align:left}.opt-title{font-size:.98rem;font-weight:700;display:inline-flex;align-items:center;gap:8px}.title-icon{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.opt-sub{color:var(--muted);font-size:.85rem;font-weight:500}.choices{margin-top:22px;display:grid;gap:16px}.choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#2c3042e6,#1a1c2ce6);padding:22px;text-align:center;border-radius:18px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s;display:grid;gap:12px;min-height:200px;position:relative;overflow:hidden;animation:none}.choice-card.animate{animation:card-in .55s ease both;animation-delay:var(--delay)}.choice-card.active.animate{animation:card-in .55s ease both,active-float 2.4s ease-in-out infinite;animation-delay:var(--delay),0s}.choice-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(220px 140px at 50% 0%,rgba(109,168,255,.2),transparent 70%);opacity:.7;pointer-events:none}.choice-card>*{position:relative;z-index:1}.choice-badge{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:999px;background:#5865f22e;border:1px solid rgba(88,101,242,.5);color:#e8edff;font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-display)}.choice-card:hover{transform:translateY(-4px);border-color:#6da8ff99;box-shadow:0 20px 36px #4f7cff52}.choice-card.active{border-color:#6da8ff;background:linear-gradient(160deg,#4173ff40,#1a1c2ce6);box-shadow:0 0 0 1px #6da8ff99,0 18px 36px #4f7cff59}.choice-card:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px}.choice-icon{width:88px;height:88px;margin:0 auto;border-radius:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#ffffff14,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff0a,0 10px 20px #0a0c1859;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.choice-card:hover .choice-icon{transform:translateY(-2px) scale(1.02);border-color:#6da8ff73;box-shadow:inset 0 0 0 1px #ffffff0f,0 14px 26px #0a0c1873}.choice-card.active .choice-icon{border-color:#6da8ffa6;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 30px #4f7cff59}.choice-icon img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain}.choice-icon svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:2.2}.choice-title{color:#f4f7ff;font-weight:700;font-size:1.05rem;letter-spacing:.3px;font-family:var(--font-display)}.choice-price{color:var(--accent-3);font-size:.96rem;font-weight:700;font-family:var(--font-display);letter-spacing:.3px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;border-radius:999px;background:#f6c3431f;border:1px solid rgba(246,195,67,.45);box-shadow:inset 0 0 0 1px #f6c34326;width:-moz-fit-content;width:fit-content;margin:0 auto}.choice-sub{color:#d7defc;font-size:.93rem;line-height:1.5;max-width:220px;margin:0 auto}.actions{margin-top:18px;display:grid;gap:8px;justify-items:center}.actions-note{margin:0;color:var(--muted);font-size:.88rem}.generate-btn{border:none;background:linear-gradient(135deg,#74a6ff,#4f7cff 45%,#2f5bff);color:#fff;padding:13px 26px;border-radius:999px;font-weight:700;letter-spacing:.4px;cursor:pointer;box-shadow:0 18px 35px #4f7cff73,0 0 24px #74a6ff73;transition:transform .18s ease,box-shadow .18s ease,opacity .2s;animation:blue-pulse 2.4s ease-in-out infinite}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 20px 40px #4f7cff8c,0 0 30px #74a6ff8c}.ghost-btn{border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text);padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer}.progress{margin-top:24px;display:grid;gap:14px;place-items:center}.progress-row{display:flex;align-items:center;gap:12px}.spinner{width:42px;height:42px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;box-shadow:0 0 18px var(--glow)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blue-pulse{0%,to{transform:translateY(0);box-shadow:0 18px 35px #4f7cff73,0 0 24px #74a6ff73}50%{transform:translateY(-1px);box-shadow:0 22px 40px #4f7cff99,0 0 32px #74a6ff99}}.status{color:var(--muted);font-size:.98rem}.status-sub{color:var(--muted);font-size:.9rem}.bar{width:min(420px,100%);height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#7b86ff);transition:width .4s ease;box-shadow:0 0 18px #5865f266}.disabled{pointer-events:none;opacity:.55}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0c12b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px;z-index:20}.modal-card{width:min(420px,100%);background:linear-gradient(160deg,#282a3cf2,#181a26f2);border-radius:20px;padding:22px;box-shadow:0 24px 50px #00000073;border:1px solid rgba(255,255,255,.08);display:grid;gap:12px}.modal-card h2{margin:0;font-family:var(--font-display);font-size:1.2rem}.modal-sub{margin:0;color:var(--muted);font-size:.92rem}.input-label{font-size:.85rem;color:var(--muted)}#username-input{border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#0a0c1299;color:var(--text);padding:12px 14px;font-size:.95rem;font-family:var(--font-main)}#username-input:focus{outline:2px solid rgba(122,134,255,.6);border-color:#7a86ff99}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}footer{margin-top:18px;text-align:center;color:var(--muted);font-size:.8rem}@media (max-width: 720px){body{align-items:flex-start;padding:20px}.card{padding:20px;border-radius:18px}.header{flex-direction:column;align-items:flex-start}.badge{width:38px;height:38px;border-radius:12px}.option-row{grid-template-columns:1fr}.option-btn{justify-content:flex-start;padding:14px 16px}.title-icon{width:30px;height:30px}.choices.two,.choices.three{grid-template-columns:1fr}.choice-card{min-height:0}.choice-icon{width:72px;height:72px}.choice-icon img{width:46px;height:46px}.progress-row{flex-direction:column;align-items:flex-start}.bar,.actions,.generate-btn,.modal-card{width:100%}}@media (max-width: 480px){body{padding:16px}.card{padding:16px;border-radius:16px}h1{font-size:1.25rem}.subtitle{font-size:.9rem}.option-btn{padding:12px 14px}.choice-card{padding:18px}.choice-title{font-size:1rem}.choice-sub,.status,.status-sub{font-size:.9rem}}.modal.hidden{display:none}.modal-status{margin:6px 0 0;color:var(--muted);font-size:.85rem;min-height:1.2em}#username-input.validated{border-color:#3ba55ce6;outline:2px solid rgba(59,165,92,.6);box-shadow:0 0 0 2px #3ba55c33,0 0 18px #3ba55c59;animation:input-validated .55s ease-out}.generate-btn.is-valid{background:linear-gradient(135deg,#41c66f,#3ba55c 45%,#248a45);box-shadow:0 18px 35px #3ba55c73,0 0 24px #41c66f73;animation:confirm-pop .5s ease-out}@keyframes input-validated{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes confirm-pop{0%{transform:translateY(0) scale(1)}60%{transform:translateY(-2px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.page-ready .card{animation:page-card .7s ease both}body.page-ready .header{animation:fade-up .6s ease both}body.page-ready .option-row{animation:fade-up .6s .1s ease both}body.page-ready #screen-2{animation:fade-up .6s .18s ease both}body.page-ready .actions,body.page-ready .progress{animation:fade-up .6s .26s ease both}body.page-ready footer{animation:fade-up .6s .4s ease both}.option-btn{position:relative;overflow:hidden}.option-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:0}.option-btn:hover:after{animation:sheen .8s ease}.choice-card.active{animation:active-float 2.4s ease-in-out infinite}.actions-note{animation:fade-up .5s ease both}#username-input{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}#username-input:focus{transform:translateY(-1px)}.modal{animation:modal-fade .25s ease both}.modal-card{animation:modal-pop .35s ease both}.progress-row{animation:fade-up .4s ease both}.bar{animation:grow-in .4s ease both}@keyframes page-card{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheen{0%{opacity:0;transform:translate(-120%)}15%{opacity:.5}60%{opacity:.2}to{opacity:0;transform:translate(120%)}}@keyframes active-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes grow-in{0%{opacity:0;transform:scaleX(.85)}to{opacity:1;transform:scaleX(1)}}.hero{display:grid;gap:18px;align-items:center}.hero-img{width:120px;height:120px;margin:0 auto 6px;border-radius:18px;-o-object-fit:contain;object-fit:contain;box-shadow:0 18px 40px #4f7cff24,inset 0 1px #ffffff05;transform:translateY(0);animation:floaty 4s ease-in-out infinite}.stats-grid{display:flex;gap:12px;justify-content:center;margin-top:12px}.stat{min-width:120px;padding:12px 16px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;border:1px solid rgba(255,255,255,.04);text-align:center}.stat .num{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:.6px;transition:transform .35s ease}.stat .label{font-size:.85rem;color:var(--muted);margin-top:6px}.feedback-wrap{margin-top:18px;overflow:hidden;width:100%}.feedback-track{display:flex;transition:transform .6s cubic-bezier(.22,.9,.35,1)}.feedback-card{min-width:100%;padding:12px 18px;text-align:center;color:var(--muted)}.feedback-text{font-size:.98rem;color:#e9f0ff}.feedback-meta{font-size:.82rem;margin-top:8px;opacity:.85}.floating-blip{position:absolute;width:16px;height:16px;border-radius:50%;background:#74a6ff29;filter:blur(6px);animation:blip-move 6s linear infinite;pointer-events:none}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blip-move{0%{transform:translateY(0) translate(0) scale(1);opacity:.7}50%{transform:translateY(-18px) translate(6px) scale(1.2);opacity:.4}to{transform:translateY(0) translate(0) scale(1);opacity:.7}}@media (max-width:720px){.hero-img{width:92px;height:92px}.stats-grid{gap:8px;flex-wrap:wrap}.stat{min-width:90px}}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}.choice-card{animation:none}.choice-card[disabled],.choice-card[aria-disabled=true]{opacity:.55;pointer-events:none;transform:none}.generate-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.generate-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.reviews-wrap{background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff0a;border-radius:12px;overflow:hidden}.reviews-track{width:100%;transition:transform .4s;display:flex}.review-card{flex-direction:column;gap:6px;min-width:100%;padding:12px 16px;display:flex}.review-title{color:#eaf6ff;font-weight:700}.review-meta{color:#e6eef8b3;font-size:.85rem}.trust-badge{color:#031426;background:linear-gradient(90deg,#4fd1ff,#b77bff);border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.z-10{z-index:10}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.min-h-screen{min-height:100vh}.w-full{width:100%}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.break-all{word-break:break-all}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}.outline-none{--tw-outline-style:none;outline-style:none}:root{--neon-blue:#5ee0ff;--neon-pink:#d36cff;--card-bg:#0508128c}html,body,#root{height:100%}body{color:#e6eef8;-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 10% 20%,#2b2b7a,#1b2147 20%,#0b1223 50%,#030313)}.neon-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #5ee0ff14;box-shadow:0 12px 50px #040614b3,inset 0 0 40px #5ee0ff08}.neon-panel{background:#060a1899;border:1px solid #ffffff08;border-radius:.75rem}.btn-glow{box-shadow:0 8px 30px #5ee0ff14}.neon-btn{background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink));color:#fff;box-shadow:0 10px 30px #5ee0ff1f,0 0 30px #d36cff0f}.muted{color:#e6eef899}.price-pill{background:#0f1724;border:1px solid #ffffff0f;border-radius:999px;padding:.25rem .5rem}.accent-ring{border:4px solid #ffffff08;box-shadow:0 0 18px #5ee0ff1f}.outline-neon{border:1px solid #5ee0ff24;box-shadow:0 0 20px #5ee0ff1f}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}