:root{--background:223 47% 7%;--foreground:210 40% 98%;--card:223 40% 10%;--primary:43 96% 56%;--muted:217 33% 17%;--border:217 33% 20%}body,html{height:100%}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:system-ui,-apple-system,sans-serif}.card{border-radius:12px;border:1px solid hsl(var(--border));background:hsl(var(--card));padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.input{width:100%;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--muted));color:hsl(var(--foreground));padding:10px 12px;outline:none;box-sizing:border-box}.input:focus{border-color:hsl(43 96% 56%);box-shadow:0 0 0 3px rgba(245,158,11,.25)}.btn-primary{width:100%;border-radius:10px;border:none;background:hsl(43 96% 56%);color:#000;padding:10px 16px;font-weight:600;cursor:pointer;transition:filter .12s ease,transform .12s ease}.btn-primary:hover{filter:brightness(.98)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{width:auto;border-radius:10px;border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--foreground));padding:10px 16px;cursor:pointer;transition:background .12s ease}.btn-secondary:hover{background:hsl(var(--muted))}.badge{border-radius:999px;padding:4px 10px;font-size:12px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.12);color:hsl(43 96% 56%)}