:root{--black: #0d0d0d;--black-soft: #1a1a1a;--black-card: #222222;--black-border: #333333;--white: #f5f0e8;--white-dim: #c8c0b0;--white-muted: #7a7268;--amber: #e8a020;--amber-dark: #b87a10;--amber-glow: rgba(232, 160, 32, .15);--amber-border: rgba(232, 160, 32, .3);--success: #4caf50;--error: #e53935;--warning: #fb8c00;--font-display: "Bebas Neue", sans-serif;--font-body: "Barlow", sans-serif;--font-condensed: "Barlow Condensed", sans-serif;--max-width: 430px;--radius: 8px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--black);color:var(--white);font-family:var(--font-body);min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse at 20% 50%,rgba(232,160,32,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(232,160,32,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px;width:100%}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em}.btn-primary{background:var(--amber);color:var(--black);font-family:var(--font-condensed);font-weight:700;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:var(--radius);padding:14px 24px;width:100%;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-primary:hover:not(:disabled){background:var(--amber-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--white);font-family:var(--font-condensed);font-weight:600;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--black-border);border-radius:var(--radius);padding:12px 20px;width:100%;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-secondary:hover{border-color:var(--amber);color:var(--amber)}.input-field{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius);color:var(--white);font-family:var(--font-body);font-size:1rem;padding:14px 16px;width:100%;outline:none;transition:border-color .2s ease}.input-field::placeholder{color:var(--white-muted)}.input-field:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-glow)}.card{background:var(--black-card);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:20px}.badge-estilo{display:inline-flex;align-items:center;gap:6px;background:var(--black-soft);border:1px solid var(--black-border);border-radius:100px;padding:6px 12px;font-family:var(--font-condensed);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--white-dim);transition:all .2s ease}.badge-estilo.provado{background:var(--amber-glow);border-color:var(--amber-border);color:var(--amber)}.divider{height:1px;background:var(--black-border);margin:20px 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fillUp{0%{height:0%}to{height:var(--fill-height, 80%)}}@keyframes pulse-amber{0%,to{box-shadow:0 0 0 0 var(--amber-glow)}50%{box-shadow:0 0 20px 8px var(--amber-glow)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.animate-fade-up{animation:fadeUp .4s ease forwards}.animate-shake{animation:shake .4s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--black-border);border-radius:2px}.text-amber{color:var(--amber)}.text-muted{color:var(--white-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-display{font-family:var(--font-display)}.font-condensed{font-family:var(--font-condensed)}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-8{gap:8px}.gap-12{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}