@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--primary:#1a472a;--primary-light:#2d6a4f;--primary-dark:#0d2818;--secondary:#c41e3a;--secondary-light:#e63956;--accent:#f4c430;--accent-light:#ffd966;--accent-dark:#c9a227;--background:#0a0a0f;--surface:#15151f;--surface-light:#1f1f2e;--surface-hover:#282840;--card-bg:linear-gradient(145deg,#1a1a2e 0%,#16162a 100%);--text:#fff;--text-secondary:#b3b3cc;--text-muted:#6b6b8a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--sticker-have:#22c55e;--sticker-missing:#6b6b8a;--sticker-duplicate:#f59e0b;--gradient-gold:linear-gradient(135deg,#f4c430 0%,#c9a227 100%);--gradient-primary:linear-gradient(135deg,#1a472a 0%,#2d6a4f 100%);--gradient-hero:linear-gradient(180deg,#1a472a33 0%,transparent 50%);--gradient-surface:linear-gradient(180deg,#1a1a2e 0%,#0a0a0f 100%);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #f4c4304d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-body);background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary)}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-light)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;min-width:48px;min-height:48px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-gold);color:var(--primary-dark)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--surface-light);color:var(--text);border:1px solid var(--surface-hover)}.btn-secondary:hover{background:var(--surface-hover)}.btn-google{color:#333;gap:var(--space-md);background:#fff}.btn-google:hover{background:#f5f5f5}.btn-outline{color:var(--accent);border:2px solid var(--accent);background:0 0}.btn-outline:hover{background:#f4c4301a}.btn-icon{padding:var(--space-md);border-radius:var(--radius-full)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);border:1px solid #ffffff0d}.card:hover{border-color:#f4c43033;transform:translateY(-2px)}.input-group{gap:var(--space-sm);flex-direction:column;display:flex}.input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input{width:100%;padding:var(--space-md);font-family:var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--surface-hover);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:48px;font-size:1rem}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f4c43033}.input::placeholder{color:var(--text-muted)}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);background:var(--surface-light);color:var(--text-secondary);font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#22c55e33}.badge-warning{color:var(--warning);background:#f59e0b33}.badge-error{color:var(--error);background:#ef444433}.badge-gold{background:var(--gradient-gold);color:var(--primary-dark)}.progress{background:var(--surface);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar{background:var(--gradient-gold);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.spinner{border:3px solid var(--surface-light);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:48px;height:48px;font-family:var(--font-display);color:var(--text);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.sticker-grid{gap:var(--space-sm);grid-template-columns:repeat(5,1fr);display:grid}.sticker{aspect-ratio:1;font-family:var(--font-display);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:2px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.sticker:active{transform:scale(.95)}.sticker.have{border-color:var(--sticker-have);color:var(--sticker-have);background:#22c55e33}.sticker.missing{background:var(--surface);border-color:var(--surface-hover);color:var(--text-muted)}.sticker.duplicate{border-color:var(--sticker-duplicate);color:var(--sticker-duplicate);background:#f59e0b33}.sticker.special{border-color:var(--accent);background:linear-gradient(135deg,#f4c4304d,#c9a2274d)}.country-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--card-bg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:1px solid #ffffff0d;display:flex}.country-card:hover{border-color:#f4c4304d;transform:translate(4px)}.country-flag{font-size:2rem;line-height:1}.country-info{flex:1}.country-name{font-family:var(--font-display);font-size:1rem;font-weight:600}.country-progress-text{color:var(--text-muted);font-size:.75rem}.bottom-nav{padding:var(--space-sm)0;padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#15151ff2;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{padding:var(--space-sm)var(--space-md);color:var(--text-muted);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;min-width:64px;text-decoration:none;display:flex}.nav-item.active{color:var(--accent)}.nav-item:hover{color:var(--text)}.nav-icon{font-size:1.5rem}.nav-label{text-transform:uppercase;letter-spacing:.5px;font-size:.625rem;font-weight:500}.page{min-height:100vh;padding:var(--space-lg);padding-bottom:calc(80px + var(--space-lg))}.page-header{margin-bottom:var(--space-xl)}.page-title{margin-bottom:var(--space-xs);font-size:1.75rem}.page-subtitle{color:var(--text-muted);font-size:.875rem}.match-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid #ffffff0d;display:flex}.match-info{flex:1}.match-name{font-family:var(--font-display);margin-bottom:var(--space-xs);font-weight:600}.match-location{color:var(--text-muted);align-items:center;gap:var(--space-xs);font-size:.75rem;display:flex}.match-score{text-align:right}.match-count{font-family:var(--font-display);color:var(--accent);font-size:1.5rem;font-weight:700}.match-label{color:var(--text-muted);text-transform:uppercase;font-size:.625rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@media (min-width:768px){.sticker-grid{grid-template-columns:repeat(8,1fr);max-width:100%}.page{max-width:700px;padding-left:var(--space-xl);padding-right:var(--space-xl);margin:0 auto}}@media (min-width:1024px){.sticker-grid{grid-template-columns:repeat(10,1fr)}.page{max-width:900px}}@supports (padding:env(safe-area-inset-top)){.page{padding-top:max(var(--space-lg),env(safe-area-inset-top))}}