@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;700;800&display=swap";
:root{--bg-primary:#121214;--bg-secondary:#202024;--bg-tertiary:#29292e;--text-primary:#e1e1e6;--text-secondary:#a8a8b3;--text-muted:#7c7c8a;--accent-primary:#f97316;--accent-hover:#ea580c;--accent-light:#f9731626;--success:#00b37e;--danger:#f75a68;--warning:#fba94c;--font-sans:"Inter",sans-serif;--font-heading:"Outfit",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-glow:0 0 15px #f973164d}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .2s}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}.container{width:100%;max-width:480px;margin:0 auto;padding:0 1rem}.btn-primary{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);text-align:center;width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-md);text-align:center;width:100%;padding:1rem 1.5rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:var(--bg-secondary)}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--bg-tertiary);padding:1.25rem;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--accent-light)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-field{background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-sans);padding:1rem;transition:all .2s}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light);outline:none}.input-field::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-color,#a8a8b3);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}