@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-title:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--bg-main:#f4f6f8;--bg-card:#ffffffeb;--bg-card-hover:#fff;--navy-dark:#0a1c3e;--navy-light:#16366f;--kelly-green:#00a84e;--kelly-glow:#00a84e40;--col-yellow:#facc15;--col-blue:#1d4ed8;--col-red:#dc2626;--wc-green:#00a84e;--wc-red:#ef4444;--gold:#eab308;--copper-dark:var(--navy-dark);--copper-base:var(--navy-dark);--copper-mid:var(--navy-light);--copper-light:var(--kelly-green);--copper-glow:var(--kelly-glow);--copper-border:#0a1c3e1f;--copper-border-hover:var(--kelly-green);--shadow-copper:0 0 25px #00a84e40;--text-primary:#0a1c3e;--text-secondary:#475569;--text-muted:#94a3b8;--text-brand:#00a84e;--shadow-sm:0 4px 10px #0a1c3e0d;--shadow-md:0 10px 30px #0a1c3e14;--shadow-lg:0 20px 50px #0a1c3e26;--shadow-navy:0 0 25px #0a1c3e1f;--shadow-green:0 0 25px #00a84e33;--backdrop-blur:blur(16px);--transition-smooth:all .35s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 0,#fff6 0%,#0000 80%),url(/stadium_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.01em;color:var(--navy-dark);font-weight:800}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--navy-dark)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-md);transition:var(--transition-smooth);border:1px solid #0a1c3e14;border-radius:20px;position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;z-index:0;border:1px dashed #0a1c3e14;border-radius:14px;position:absolute;inset:8px}.glass-panel:hover{box-shadow:var(--shadow-lg), var(--shadow-navy);border-color:#0a1c3e33}.glass-panel>*{z-index:1;position:relative}.brush-underline{display:inline-block;position:relative}.brush-underline:after{content:"";background:var(--kelly-green);border-radius:10px;width:90%;height:6px;position:absolute;bottom:-6px;left:5%;transform:rotate(-.5deg)}.text-gradient-navy{color:var(--navy-dark)}.text-gradient-copper{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--kelly-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-wc{color:var(--kelly-green)}.text-navy{color:var(--navy-dark)}.text-green{color:var(--kelly-green)}.btn-primary{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy-light) 100%);border:1px solid var(--navy-dark);color:#fff;font-family:var(--font-title);cursor:pointer;box-shadow:var(--shadow-sm), 0 4px 12px #0a1c3e26;transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:all .65s;position:absolute;top:0;left:-100%}.btn-primary:hover{box-shadow:var(--shadow-md), 0 6px 20px #0a1c3e40;background:linear-gradient(135deg, var(--kelly-green) 0%, #009440 100%);border-color:var(--kelly-green);transform:translateY(-2px)}.btn-primary:hover:after{left:100%}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none;border-color:#0000;transform:none}.btn-secondary{color:var(--navy-dark);font-family:var(--font-title);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0a1c3e26;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex;position:relative}.btn-secondary:hover{border-color:var(--kelly-green);color:var(--kelly-green);background:#00a84e0d}.btn-danger{color:var(--col-red);font-family:var(--font-title);cursor:pointer;transition:var(--transition-smooth);background:#ef444414;border:1px solid #ef444440;border-radius:10px;padding:10px 20px;font-weight:600}.btn-danger:hover{background:var(--col-red);border-color:var(--col-red);color:#fff}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%{box-shadow:0 0 15px #00a84e1a}50%{box-shadow:0 0 30px #00a84e4d}to{box-shadow:0 0 15px #00a84e1a}}@keyframes border-glow{0%{border-color:#0a1c3e14}50%{border-color:var(--kelly-green)}to{border-color:#0a1c3e14}}@keyframes bounce-scale{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes slide-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s infinite pulse-glow}.animate-slide-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-in}.animate-spin-slow{animation:15s linear infinite spin-slow}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.app-header{border-bottom:2px solid #0a1c3e0f;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 0 24px;display:flex}.brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--kelly-green) 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 10px #0a1c3e26}.brand-title{text-transform:uppercase;letter-spacing:-.01em;color:var(--navy-dark);flex-direction:column;font-size:22px;font-weight:800;line-height:1.1;display:flex}.brand-sub{color:var(--kelly-green);letter-spacing:.05em;font-size:11px;font-weight:700}.form-group{text-align:left;margin-bottom:20px}.form-label{font-family:var(--font-title);color:var(--navy-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-input{width:100%;color:var(--navy-dark);font-family:var(--font-body);transition:var(--transition-fast);background:#fff;border:1px solid #0a1c3e26;border-radius:10px;padding:14px 16px;font-size:16px}.form-input:focus{border-color:var(--kelly-green);outline:none;box-shadow:0 0 10px #00a84e26}.grid-2{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.centered-card{text-align:center;width:100%;max-width:540px;margin:40px auto;padding:40px 32px}.confetti-container{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{opacity:.85;border-radius:50%;width:10px;height:10px;animation:3.5s linear infinite fall;display:block;position:absolute;top:-10px}@keyframes fall{0%{top:-10px;transform:translate(0)rotate(0)}to{top:105%;transform:translate(120px)rotate(360deg)}}.hexagon-badge{width:32px;height:32px;color:var(--navy-dark);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:#0a1c3e0d;border:1px solid #0a1c3e26;flex-shrink:0;justify-content:center;align-items:center;margin-right:14px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.colombia-alert{border:2px solid;border-image:linear-gradient(to right, var(--col-yellow), var(--col-blue), var(--col-red)) 1;text-align:left;background:linear-gradient(135deg,#facc150f 0%,#1d4ed80f 50%,#dc26260f 100%);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.colombia-alert-text{color:var(--navy-dark);font-size:13px;font-weight:600;line-height:1.4}.panini-card{color:#fff;width:280px;height:400px;font-family:var(--font-title);background:linear-gradient(135deg,#0e1e38 0%,#050d1a 100%);border:4px solid #16366f;border-radius:20px;flex-direction:column;padding:16px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000004d,0 0 25px #00a84e1a}.panini-card:hover{transform:translateY(-8px)rotate(1deg);box-shadow:0 25px 45px #00000073,0 0 35px #00a84e40}.gold-card{background:linear-gradient(135deg,#1e1b10 0%,#0f0a02 100%);border-color:gold;box-shadow:0 15px 35px #0000004d,0 0 25px #eab30833}.gold-card:hover{box-shadow:0 25px 45px #00000073,0 0 35px #eab30873}.panini-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff1f 30%,#ffffff40 50%,#ffffff1f 70%,#fff0 100%);width:40%;height:200%;position:absolute;top:-50%;left:-70%;transform:rotate(25deg)}.panini-card:hover:after{transition:all 1.2s cubic-bezier(.19,1,.22,1);left:150%}.card-avatar-container{background:radial-gradient(circle,#16366f66 0%,#0a1c3e00 70%);border-radius:12px;justify-content:center;align-items:center;width:100%;height:160px;margin:6px 0;display:flex}.gold-card .card-avatar-container{background:radial-gradient(circle,#eab3082e 0%,#0f0a0200 70%)}.card-avatar-img{object-fit:contain;filter:drop-shadow(0 8px 12px #0000004d);max-width:100%;height:100%;transition:transform .3s}.panini-card:hover .card-avatar-img{transform:scale(1.08)translateY(-4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}