:root{--color-green:#009c3b;--color-green-dark:#007a2e;--color-green-light:#00c44f;--color-yellow:#ffdf00;--color-yellow-dark:#e6c800;--color-yellow-light:#ffe94d;--color-blue:#002776;--color-blue-mid:#003da5;--color-blue-light:#1a5ccc;--color-white:#fff;--color-bg-primary:#f5f7fa;--color-bg-card:#fff;--color-bg-card-alt:#f0f4f8;--color-bg-input:#fff;--color-text-primary:#0d1b2a;--color-text-secondary:#2e4057;--color-text-muted:#6b7c93;--color-border:#dde3ec;--color-border-focus:var(--color-green);--color-error:#d32f2f;--color-error-bg:#ffebee;--color-success:#009c3b;--gradient-brazil:linear-gradient(135deg, var(--color-green) 0%, var(--color-yellow) 100%);--gradient-hero-top:linear-gradient(135deg, var(--color-blue) 0%, var(--color-blue-mid) 60%, var(--color-green) 100%);--gradient-badge:linear-gradient(90deg, var(--color-green), var(--color-yellow));--shadow-sm:0 1px 4px #00277612;--shadow-md:0 4px 16px #0027761a;--shadow-lg:0 8px 32px #00277624;--shadow-card:0 2px 12px #00277614;--shadow-btn:0 4px 16px #009c3b59;--shadow-focus:0 0 0 3px #009c3b33;--font-family:"Outfit", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--color-blue-mid);text-decoration:none}a:hover{color:var(--color-blue)}.container{width:100%;max-width:640px;padding:0 var(--space-6);margin:0 auto}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-family);font-size:var(--font-size-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;border:none;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brazil);color:var(--color-blue);box-shadow:var(--shadow-btn)}.btn-primary:hover{color:var(--color-blue);transform:translateY(-2px);box-shadow:0 6px 24px #009c3b73}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-secondary);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-green);color:var(--color-green-dark);background:#f0fbf3}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.form-input,.form-select{padding:var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-input);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none;width:100%}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus{border-color:var(--color-green);box-shadow:var(--shadow-focus)}.form-input:hover,.form-select:hover{border-color:#b0bcc8}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-color:var(--color-bg-input);padding-right:var(--space-12);cursor:pointer}.form-select option{background:var(--color-bg-card);color:var(--color-text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cardReveal{0%{opacity:0;transform:scale(.75)rotateY(80deg)}60%{opacity:1;transform:scale(1.04)rotateY(0)}to{transform:scale(1)rotateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #009c3b40}50%{box-shadow:0 0 40px #009c3b80,0 0 60px #ffdf0033}}.animate-fade-in-up{animation:.55s forwards fadeInUp}.animate-fade-in{animation:.35s forwards fadeIn}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.21s}.stagger>:nth-child(5){animation-delay:.28s}.stagger>:nth-child(6){animation-delay:.35s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#b0bcc8}.photo-upload{gap:var(--space-2);flex-direction:column;display:flex}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;min-height:200px;transition:all var(--transition-base);background:var(--color-bg-card-alt);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--color-green);background:#f0fbf3}.upload-area.drag-active{border-color:var(--color-green);box-shadow:var(--shadow-focus);background:#e8f8ee}.upload-area.has-preview{border-style:solid;border-color:var(--color-border);background:var(--color-bg-card-alt);min-height:260px}.upload-input{display:none}.upload-placeholder{align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.upload-icon{color:var(--color-text-muted);transition:color var(--transition-base)}.upload-area:hover .upload-icon,.upload-area.drag-active .upload-icon{color:var(--color-green)}.upload-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.upload-text span{color:var(--color-green);font-weight:700}.upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.upload-preview{justify-content:center;align-items:center;width:100%;min-height:260px;display:flex;position:relative}.preview-image{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:260px}.remove-btn{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);background:var(--color-error);color:#fff;width:32px;height:32px;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.remove-btn:hover{background:#b71c1c;transform:scale(1.1)}.upload-error{font-size:var(--font-size-sm);color:var(--color-error);font-weight:500}.home-page{min-height:100vh;padding-bottom:var(--space-16);background:var(--color-bg-primary);flex-direction:column;align-items:center;display:flex}.hero-banner{background:var(--gradient-hero-top);width:100%;padding:var(--space-10) var(--space-6) var(--space-12);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.hero-banner:before{content:"";background:var(--color-bg-primary);clip-path:ellipse(55% 100% at 50% 100%);height:40px;position:absolute;bottom:-2px;left:0;right:0}.hero-banner:after{content:"";pointer-events:none;background:repeating-linear-gradient(-55deg,#0000,#0000 40px,#ffffff08 40px 80px);position:absolute;inset:0}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-yellow);color:var(--color-blue);border-radius:var(--radius-full);font-size:var(--font-size-sm);margin-bottom:var(--space-6);letter-spacing:.06em;text-transform:uppercase;z-index:1;font-weight:800;display:inline-flex;position:relative;box-shadow:0 2px 12px #ffdf0066}.hero-title{font-size:var(--font-size-4xl);color:var(--color-white);margin-bottom:var(--space-4);z-index:1;font-weight:900;line-height:1.1;position:relative}.hero-title .highlight{color:var(--color-yellow)}.hero-subtitle{font-size:var(--font-size-lg);color:#fffc;z-index:1;max-width:460px;line-height:1.65;position:relative}.form-card{gap:var(--space-6);padding:var(--space-8);margin-top:calc(var(--space-10) * -1);z-index:2;flex-direction:column;width:100%;display:flex;position:relative}.char-count{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;margin-top:calc(var(--space-1) * -1)}.form-error{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-bg);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);border:1px solid #d32f2f40;font-weight:500;display:flex}.error-icon{font-size:var(--font-size-lg);flex-shrink:0}.submit-btn{width:100%;padding:var(--space-5) var(--space-8);font-size:var(--font-size-xl);margin-top:var(--space-2);border-radius:var(--radius-lg)}.btn-spinner{border:3px solid #00277633;border-top-color:var(--color-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.form-disclaimer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.home-page .container{padding-top:0}@media (width<=480px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.form-card{padding:var(--space-6);margin-top:calc(var(--space-8) * -1)}}.loading-spinner{align-items:center;gap:var(--space-5);padding:var(--space-10) 0;flex-direction:column;display:flex}.spinner-container{width:80px;height:80px;position:relative}.spinner-ring{border:4px solid var(--color-border);border-top-color:var(--color-green);border-right-color:var(--color-yellow);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:1.1s linear infinite spin;display:flex}.spinner-ball{font-size:28px;animation:1.1s linear infinite reverse spin}.spinner-message{font-size:var(--font-size-lg);color:var(--color-text-primary);text-align:center;font-weight:700}.spinner-dots{gap:var(--space-2);display:flex}.dot{border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse}.dot:first-child{background:var(--color-green);animation-delay:0s}.dot:nth-child(2){background:var(--color-yellow);animation-delay:.2s}.dot:nth-child(3){background:var(--color-blue-mid);animation-delay:.4s}.success-page{min-height:100vh;padding:var(--space-10) 0 var(--space-16);background:var(--color-bg-primary);justify-content:center;align-items:flex-start;display:flex}.success-page:before{content:"";background:var(--gradient-brazil);z-index:10;height:6px;position:fixed;top:0;left:0;right:0}.result-card{align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-8);text-align:center;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.result-icon{font-size:3.5rem;animation:3s ease-in-out infinite float}.result-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:800;line-height:1.2}.result-text{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:420px;line-height:1.7}.pedido-id{font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg-card-alt);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:monospace}.progress-info{gap:var(--space-3);flex-direction:column;width:100%;max-width:400px;display:flex}.custom-progress-wrapper{width:100%;max-width:360px;margin:var(--space-6) auto var(--space-4);padding:12px 10px}.progress-track-line{background:var(--color-bg-card-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);width:100%;height:6px;position:relative}.progress-fill-line{background:var(--gradient-brazil);border-radius:var(--radius-full);height:calc(100% + 2px);transition:width .3s cubic-bezier(.25,.46,.45,.94);position:absolute;top:-1px;left:0}.progress-football{-webkit-user-select:none;user-select:none;pointer-events:none;will-change:left, transform;margin-top:-1px;font-size:1.6rem;line-height:1;transition:left .3s cubic-bezier(.25,.46,.45,.94);position:absolute;top:50%}.progress-trophy{-webkit-user-select:none;user-select:none;font-size:1.8rem;line-height:1;animation:2s ease-in-out infinite alternate trophyGlow;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}@keyframes trophyGlow{0%{filter:drop-shadow(0 0 2px #ffdf0066);transform:translateY(-50%)scale(1)}to{filter:drop-shadow(0 0 8px #ffdf00cc);transform:translateY(-50%)scale(1.15)}}.progress-step{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;font-weight:600}.figurinha-reveal{animation:.8s forwards cardReveal;position:relative}.figurinha-tilt-card{perspective:1000px;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;display:flex;position:relative}.figurinha-glow{border-radius:var(--radius-xl);z-index:-1;background:radial-gradient(circle,#009c3b40 0%,#ffdf0026 40%,#0000 70%);animation:3s ease-in-out infinite glowPulse;position:absolute;inset:-16px;transform:translateZ(-20px)}.figurinha-image{border-radius:var(--radius-lg);width:100%;max-width:300px;box-shadow:var(--shadow-lg);border:4px solid var(--color-yellow);backface-visibility:hidden;transform:translateZ(20px)}.result-actions{gap:var(--space-3);flex-direction:column;width:100%;max-width:300px;display:flex}.result-actions .btn{width:100%}.confetti-area{pointer-events:none;z-index:99;position:absolute;inset:0;overflow:hidden}.confetti-piece{top:-20px;left:var(--x);font-size:var(--size);animation:4s cubic-bezier(.25,.46,.45,.94) forwards confettiFall;animation-delay:var(--delay);opacity:0;transform:rotate(var(--rotation));pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}@keyframes confettiFall{0%{opacity:0;transform:translateY(0) rotate(var(--rotation)) scale(.5)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(calc(var(--rotation) + 360deg)) scale(1.2)}}@media (width<=480px){.result-card{padding:var(--space-8) var(--space-5)}.result-title{font-size:var(--font-size-xl)}.figurinha-image{max-width:240px}}