:root{--bg-deep:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#fff;--neon-cyan:#0284c7;--neon-cyan-glow:#0284c726;--neon-cyan-dim:#0284c714;--neon-purple:#6366f1;--neon-purple-glow:#6366f126;--neon-magenta:#e11d48;--neon-magenta-glow:#e11d4826;--neon-green:#10b981;--neon-green-glow:#10b98126;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-neon:#0284c740;--border-glow:#6366f140;--border-subtle:#0f172a14;--font-display:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--app-max-width:480px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.5;overflow:hidden}#root{background:radial-gradient(circle at 50% -20%,#e2e8f0 0%,#f1f5f9 70%);justify-content:center;align-items:center;width:100vw;height:100svh;display:flex}.app-container{width:100%;max-width:var(--app-max-width);background-color:var(--bg-deep);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);height:100svh;min-height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 50px #0f172a14,0 0 100px #6366f10d}.scroll-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;padding:8px 24px 24px;display:flex;overflow:hidden auto}.scroll-content::-webkit-scrollbar{display:none}.main-content{flex-direction:column;flex:1;min-height:0;padding-top:24px;display:flex;overflow:hidden auto}.page-transition{flex-direction:column;flex:1;gap:24px;animation:.3s cubic-bezier(.25,.8,.25,1) forwards slideIn;display:flex}.scroll-content::-webkit-scrollbar{width:4px}.scroll-content::-webkit-scrollbar-track{background:0 0}.scroll-content::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}h1{background:linear-gradient(to right, #0f172a, var(--neon-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem}h2{font-size:1.4rem}.card-glass{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a08}.card-glass:before{content:"";background:linear-gradient(90deg,#0000,#0f172a08,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-glass-hover{cursor:pointer}.card-glass-hover:active,.card-glass-hover:hover{background:var(--bg-card-hover);border-color:var(--border-neon);box-shadow:0 8px 24px #0284c70f}.card-neon-ia{background:radial-gradient(circle at 100% 100%, #6366f10d 0%, var(--bg-card) 85%);cursor:not-allowed;opacity:.9;border:1px dashed #6366f14d;position:relative}.card-neon-ia:after{content:"";background:linear-gradient(135deg, var(--neon-purple), transparent 60%, var(--neon-magenta));-webkit-mask-composite:xor;pointer-events:none;border-radius:16px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-neon{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));color:#fff;font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 12px #0284c733}.btn-neon:active{transform:scale(.97);box-shadow:0 2px 8px #0284c71a}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;font-family:var(--font-display);background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:active{border-color:var(--text-secondary);background:#e2e8f0}.badge-soon{border:1px solid var(--neon-magenta);color:var(--neon-magenta);letter-spacing:.05em;text-transform:uppercase;background:#e11d481a;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #e11d4814}.accordion-wrapper{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);display:grid}.accordion-wrapper.open{grid-template-rows:1fr}.accordion-inner{overflow:hidden}input[type=text],input[type=number],select{background-color:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);-webkit-user-select:text;user-select:text;border-radius:8px;padding:10px 12px;font-size:.95rem;transition:all .2s}input:focus,select:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-glow);outline:none}.circle-checkbox{border:2px solid var(--border-subtle);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.circle-checkbox.checked{background-color:var(--neon-green);border-color:var(--neon-green);box-shadow:0 0 8px var(--neon-green-glow);color:#fff}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
