@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-primary: #135bec;--color-primary-hover: #1d4ed8;--color-background-light: #ffffff;--color-background-dark: #101622;--color-accent-red: #dc2626;--color-accent-green: #16a34a;--color-accent-green-hover: #15803d;--text-slate-900: #0f172a;--text-slate-500: #64748b;--text-slate-400: #94a3b8;--text-slate-200: #e2e8f0;--text-white: #ffffff;--bg-slate-50: #f8fafc;--bg-slate-100: #f1f5f9;--bg-slate-200: #e2e8f0;--border-slate-100: #f1f5f9;--border-slate-200: #e2e8f0;--border-slate-600: #475569;--border-slate-800: #1e293b;--surface-dark: #1e2736;--font-display: "Lexend", sans-serif;--radius-xl: .75rem;--radius-full: 9999px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-display);background-color:var(--color-background-light);color:var(--text-slate-900);-webkit-font-smoothing:antialiased;min-height:100vh}button{cursor:pointer;border:none;background:none;font-family:inherit;padding:0}input{font-family:inherit}a{text-decoration:none;color:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background-color:#fff;border-top:1px solid var(--border-slate-200);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.nav-content{display:flex;justify-content:space-around;align-items:center;height:4rem}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-slate-400);transition:color .2s;text-decoration:none}.nav-item:hover{color:var(--text-slate-500)}.nav-item.active{color:var(--color-primary)}.nav-item .material-symbols-outlined{font-size:24px}.nav-label{font-size:.625rem;font-weight:500}.fab-btn-wrapper{position:relative;top:-1.25rem}.fab-btn{height:3.5rem;width:3.5rem;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #3b82f666;transition:transform .2s;border:none;cursor:pointer}.fab-btn:hover{transform:scale(1.05)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:2rem}.glow-bg{position:absolute;width:60vw;height:60vw;background:radial-gradient(circle,#3b82f626,#0000 70%);border-radius:50%;z-index:-1;filter:blur(40px);animation:pulse-glow 8s infinite alternate}.glow-bg:nth-child(1){top:-20%;left:-20%;background:radial-gradient(circle,#8b5cf626,#0000 70%)}.glow-bg:nth-child(2){bottom:-20%;right:-20%}@keyframes pulse-glow{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:.8}}h1{font-size:clamp(3rem,8vw,5rem);background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem;letter-spacing:-.02em}.subtitle{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--color-text-muted);max-width:600px;line-height:1.6;margin-bottom:3rem}.card-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.premium-button{background:linear-gradient(to right,#3b82f6,#8b5cf6);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:99px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px #3b82f680;position:relative;overflow:hidden}.premium-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px #8b5cf699}.premium-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s}.premium-button:hover:after{transform:translate(100%)}.glass-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);padding:2rem;border-radius:24px;width:300px;transition:all .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:#fff3;box-shadow:0 10px 40px -10px #00000080}.login-container{position:relative;display:flex;min-height:100vh;width:100%;flex-direction:column;background-color:var(--color-background-light);overflow-x:hidden}.login-header{padding:.75rem 1rem}.header-image-wrapper{width:100%;min-height:280px;position:relative;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuDwExJ83K3UKJRDAgXrrgMS2OS_mTapEMQYxno4MAPwUzpVf3A27O-xba6GNBG5MCXxu_h9eeuNhd0Jia8nIa9PIoeEARRxzNVgEQedkv8_X0f1WvUDF4EQ5NHDv50Kak1vgRfAgA34S2D-T4Xy-B8SBapTRtXETsctwe94Ea3_nb4Kk5dReHkaqofIeRpgRaC_2qXBuxIpRO4FkRLHzKfeUmXp9uLjnFE5ttCvzl2kinnVriICkvog2_KvsvkNG1c2ayIyF0IxZd9a);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius-xl);overflow:hidden}.header-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--color-background-light),transparent);opacity:.9}.brand-container{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding-bottom:2rem}.logo-circle{height:5rem;width:5rem;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:1rem}.logo-icon{font-size:2.25rem;color:var(--color-primary)}.brand-title{color:var(--text-slate-900);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.login-main{flex:1;display:flex;flex-direction:column;padding:0 1.5rem 1.5rem;max-width:480px;margin:-1.5rem auto 0;width:100%;position:relative;z-index:20}.headlines{text-align:center;margin-bottom:2rem}.headlines h1{color:var(--text-slate-900);letter-spacing:-.025em;font-size:1.75rem;font-weight:700;line-height:1.25;margin-bottom:.5rem;margin-top:0}.headlines p{color:var(--text-slate-500);font-size:1rem;font-weight:400;line-height:1.5;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--text-slate-900);font-size:.875rem;font-weight:500;line-height:normal;margin-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-slate-400);-webkit-user-select:none;user-select:none}.form-input{display:flex;width:100%;border-radius:var(--radius-xl);color:var(--text-slate-900);border:1px solid var(--border-slate-200);background-color:var(--bg-slate-50);height:3.5rem;padding-left:3rem;padding-right:1rem;font-size:1rem;font-weight:400;line-height:normal;transition:all .2s;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #135bec80;background-color:#fff}.password-input{padding-right:3rem}.toggle-password{position:absolute;right:1rem;color:var(--text-slate-400);transition:color .15s;display:flex;align-items:center}.toggle-password:hover{color:var(--text-slate-500)}.forgot-password{display:flex;justify-content:flex-end;margin-top:.25rem}.forgot-link{color:var(--color-accent-red);font-size:.875rem;font-weight:500;transition:color .15s}.forgot-link:hover{color:#b91c1c}.submit-btn{margin-top:1rem;display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--radius-xl);background-color:var(--color-primary);height:3.5rem;color:var(--text-white);font-size:1rem;font-weight:700;box-shadow:0 10px 15px -3px #135bec4d;transition:all .2s}.submit-btn:hover{background-color:var(--color-primary-hover)}.submit-btn:active{transform:scale(.98)}.social-divider{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.divider-line-wrapper{position:relative;width:100%;text-align:center}.divider-line{position:absolute;inset:0;display:flex;align-items:center}.divider-line div{width:100%;border-top:1px solid var(--border-slate-200)}.divider-text-wrapper{position:relative;display:flex;justify-content:center;font-size:.875rem}.divider-text{background-color:var(--color-background-light);padding:0 .5rem;color:var(--text-slate-500)}.social-buttons{display:flex;gap:1rem;width:100%;justify-content:center}.social-btn{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;border-radius:50%;border:1px solid var(--border-slate-200);background-color:#fff;transition:background-color .15s}.social-btn:hover{background-color:var(--bg-slate-50)}.social-btn svg{height:1.25rem;width:1.25rem}.register-section{margin-top:2rem;text-align:center}.register-text{color:var(--text-slate-500);font-size:.875rem;margin:0}.register-link{color:var(--color-accent-green);font-weight:700;margin-left:.25rem;transition:color .15s}.register-link:hover{color:var(--color-accent-green-hover)}.bottom-spacer{height:1.5rem}@media(max-width:480px){.header-image-wrapper{min-height:240px;border-radius:0}.login-header{padding:0}.login-main{padding:0 1rem 1rem}}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-slate-50);color:var(--text-slate-900);padding-bottom:6rem}.dashboard-header{position:sticky;top:0;z-index:50;background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-slate-200)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem;max-width:480px;margin:0 auto;width:100%}.user-profile{display:flex;align-items:center;gap:.75rem}.avatar-wrapper{position:relative}.avatar{height:2.5rem;width:2.5rem;border-radius:50%;background-size:cover;background-position:center;background-color:var(--bg-slate-200);box-shadow:0 0 0 2px #135bec33}.status-indicator{position:absolute;bottom:0;right:0;height:.75rem;width:.75rem;background-color:var(--color-accent-green);border:2px solid white;border-radius:50%}.user-info{display:flex;flex-direction:column}.welcome-text{font-size:.75rem;color:var(--text-slate-500);font-weight:500}.user-name{font-size:.875rem;font-weight:700;line-height:1.25}.notification-btn{position:relative;height:2.5rem;width:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.notification-btn:hover{background-color:var(--bg-slate-200)}.notification-dot{position:absolute;top:.5rem;right:.5rem;height:.625rem;width:.625rem;background-color:var(--color-accent-red);border:2px solid white;border-radius:50%}.dashboard-main{flex:1;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column}.stats-section{padding:1.5rem 1rem 1rem}.stats-grid{display:flex;gap:1rem}.stat-card{flex:1;background-color:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-slate-100);position:relative;overflow:hidden}.stat-icon-bg{position:absolute;top:0;right:0;padding:.75rem;opacity:.1;transition:opacity .2s}.stat-card:hover .stat-icon-bg{opacity:.2}.stat-title{color:var(--text-slate-500);font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-top:0}.stat-value-group{display:flex;align-items:flex-end;gap:.5rem}.stat-value{font-size:1.875rem;font-weight:700;color:var(--color-primary);margin:0;line-height:1}.stat-change{font-size:.75rem;font-weight:500;color:var(--color-accent-green);margin-bottom:.375rem;display:flex;align-items:center}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;margin-bottom:.75rem}.section-title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:0}.pulse-dot{height:.5rem;width:.5rem;background-color:var(--color-accent-red);border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.view-all{font-size:.75rem;font-weight:500;color:var(--color-primary);text-decoration:none}.pending-section{display:flex;flex-direction:column;padding:.5rem 0}.pending-scroll-container{display:flex;overflow-x:auto;padding:0 1rem 1rem;gap:1rem;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.pending-scroll-container::-webkit-scrollbar{display:none}.pending-card{min-width:280px;scroll-snap-align:center;background-color:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d;position:relative;border-left:4px solid}.pending-card.urgent{border-left-color:var(--color-accent-red)}.pending-card.warning{border-left-color:#fb923c}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.time-badge{font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em}.urgent .time-badge{background-color:#dc26261a;color:var(--color-accent-red)}.warning .time-badge{background-color:#fb923c1a;color:#fb923c}.group-info{font-size:.75rem;color:var(--text-slate-400)}.match-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.team-column{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.team-flag{height:3rem;width:3rem;border-radius:50%;background-color:var(--bg-slate-100);background-size:cover;background-position:center;border:1px solid var(--border-slate-200)}.team-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.vs-text{color:var(--text-slate-400);font-size:.75rem;font-weight:500}.action-btn{width:100%;font-weight:500;padding:.5rem;border-radius:.5rem;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.primary{background-color:var(--color-accent-red);color:#fff}.action-btn.primary:hover{background-color:#b91c1c}.action-btn.secondary{background-color:var(--surface-dark);color:#fff}.results-section{display:flex;flex-direction:column;padding:1rem;gap:.75rem}.results-list{display:flex;flex-direction:column;gap:.75rem}.result-card{background-color:#fff;border-radius:.75rem;padding:1rem;border:1px solid var(--border-slate-100);box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:space-between}.result-card.won{background-color:#ecfdf5;border:1px solid #86efac;box-shadow:0 4px 6px -1px #22c55e1a,0 2px 4px -1px #22c55e0f}.result-info{display:flex;align-items:center;gap:.75rem;flex:1}.date-status-col{display:flex;flex-direction:column;gap:.25rem;width:3rem;text-align:center}.date-text{font-size:.625rem;color:var(--text-slate-400);font-weight:700;text-transform:uppercase}.status-badge{font-size:.75rem;font-weight:700;padding:.125rem .375rem;border-radius:.25rem}.status-won{color:var(--color-accent-green);background-color:#16a34a1a}.status-lost{color:var(--text-slate-500);background-color:#64748b1a}.vertical-divider{height:2rem;width:1px;background-color:var(--border-slate-200)}.score-col{display:flex;flex-direction:column;gap:.25rem}.score-row{display:flex;align-items:center;gap:.5rem}.score-team{font-size:.875rem;font-weight:500;width:5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-val{font-size:.875rem;font-weight:700;color:var(--text-slate-900)}.prediction-col{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.prediction-label{font-size:.625rem;color:var(--text-slate-400)}.prediction-val{font-size:1.125rem;font-weight:700}.prediction-val.won{color:var(--color-accent-green)}.prediction-val.lost{color:var(--text-slate-400);text-decoration:line-through;text-decoration-color:var(--color-accent-red)}.matches-section{display:flex;flex-direction:column;padding:1rem;gap:.75rem;margin-bottom:1.5rem}.match-card{background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-slate-100)}.match-banner{height:6rem;background-size:cover;background-position:center;position:relative}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.match-meta{position:absolute;bottom:.75rem;left:1rem;color:#fff}.match-time{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin:0}.match-venue{font-size:.875rem;font-weight:700;margin:0}.match-content{padding:1rem;display:flex;align-items:center;justify-content:space-between}.match-teams{display:flex;align-items:center;gap:1rem}.team-small{display:flex;align-items:center;gap:.5rem}.flag-small{height:2rem;width:2rem;border-radius:50%;background-color:var(--bg-slate-200);background-size:cover;background-position:center}.team-code{font-size:.875rem;font-weight:700}.bet-btn{background-color:var(--color-primary);color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;letter-spacing:.025em;transition:background-color .2s}.bet-btn:hover{background-color:var(--color-primary-hover)}.bet-btn.secondary{background-color:#135bec1a;color:var(--color-primary)}.bet-btn.secondary:hover{background-color:#135bec33}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.register-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background-color:#fff;position:relative;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem;z-index:10}.back-btn{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;border-radius:50%;color:var(--text-slate-900);transition:background-color .2s}.back-btn:hover{background-color:var(--bg-slate-50)}.page-title{font-size:1.125rem;font-weight:700;color:var(--text-slate-900);flex:1;text-align:center;padding-right:3rem}.register-hero{position:relative;width:100%;padding:1.5rem 1rem .5rem;text-align:center}.hero-overlay{position:absolute;inset:0;opacity:.1;background:linear-gradient(to bottom right,var(--color-primary),var(--color-accent-green),var(--color-accent-red));pointer-events:none}.hero-icon-wrapper{margin:0 auto 1rem;height:5rem;width:5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#135bec1a;box-shadow:0 0 0 1px #135bec4d}.hero-title{font-size:1.75rem;font-weight:700;color:var(--text-slate-900);margin-bottom:.5rem}.hero-subtitle{color:var(--text-slate-500);font-size:1rem}.register-form-section{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-top:.5rem}.checkbox-input{height:1.25rem;width:1.25rem;border:1px solid var(--border-slate-200);border-radius:.25rem;margin-top:.125rem}.terms-label{font-size:.875rem;color:var(--text-slate-500);line-height:1.4}.link-text{color:var(--color-primary);text-decoration:none}.link-text:hover{text-decoration:underline}.register-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.social-btn-rect{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-slate-200);background-color:#fff;padding:.625rem 1rem;transition:background-color .2s;height:3rem}.social-btn-rect:hover{background-color:var(--bg-slate-50)}.social-text{font-size:.875rem;font-weight:500;color:var(--text-slate-500)}.register-footer{margin-top:auto;padding:1.5rem;text-align:center}.login-link-text{font-size:.875rem;color:var(--text-slate-500)}.login-link-bold{color:var(--color-primary);font-weight:700;margin-left:.25rem}.recovery-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background-color:#fff;position:relative}.recovery-header-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.recovery-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem;width:100%}.recovery-icon-section{position:relative;margin-bottom:1.5rem}.recovery-icon-circle{height:5rem;width:5rem;border-radius:50%;background:linear-gradient(to bottom right,#192233,#0d121c);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a}.recovery-badge{position:absolute;top:0;right:0;height:1.25rem;width:1.25rem;border-radius:50%;background-color:var(--color-accent-green);border:3px solid white}.recovery-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.75rem;color:var(--text-slate-900);line-height:1.1}.recovery-desc{text-align:center;color:var(--text-slate-500);margin-bottom:2.5rem;line-height:1.5;max-width:90%}.recovery-btn{position:relative;width:100%;height:3.5rem;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-xl);font-weight:700;font-size:1.0625rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;overflow:hidden;box-shadow:0 10px 15px -3px #1e3a8a33;transition:all .2s}.recovery-btn:hover{background-color:var(--color-primary-hover)}.back-login-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.5rem 1rem;color:var(--text-slate-500);font-weight:500;font-size:.875rem;border-radius:.5rem;transition:all .2s}.back-login-link:hover{background-color:var(--bg-slate-50);color:var(--text-slate-900)}.matches-container{padding-bottom:80px;background-color:#f8fafc;min-height:100vh;max-width:480px;margin:0 auto;width:100%;position:relative;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.matches-header{background:#fff;padding:1rem;position:sticky;top:0;z-index:10;box-shadow:0 1px 2px #0000000d;width:100%;max-width:480px}.matches-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.matches-page-title{font-size:1.25rem;font-weight:800;color:#1e293b}.menu-btn,.search-btn{padding:8px;border-radius:50%;color:#64748b;transition:background .2s}.menu-btn:hover,.search-btn:hover{background-color:#f1f5f9}.user-avatar-small{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;border:2px solid white;box-shadow:0 1px 3px #0000001a}.matches-tabs{display:flex;gap:1rem;border-bottom:1px solid #e2e8f0}.tab-btn{padding:.75rem .5rem;font-weight:600;color:#64748b;position:relative;transition:color .2s;background:none;border:none;cursor:pointer}.tab-btn.active{color:var(--color-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--color-primary)}.matches-list{padding:1rem;display:flex;flex-direction:column;gap:1rem}.match-card-row{background:#fff;border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #00000008;border:1px solid #f1f5f9;gap:8px}.team-info{display:flex;align-items:center;gap:12px;width:30%}.team-info.right{justify-content:flex-start}.team-flag-md{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:1px solid #f0f0f0}.team-code-lg{font-weight:700;font-size:1rem;color:#334155}.match-center-info{display:flex;flex-direction:column;align-items:center;min-width:100px}.match-score-block{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.match-score-lg{font-size:1.5rem;font-weight:800;color:#1e293b;white-space:nowrap;margin-bottom:2px}.match-prediction-sm{font-size:.85rem;font-weight:700;color:#94a3b8}.match-prediction-sm.won{color:#16a34a}.match-prediction-sm.lost{color:#dc2626}.match-date-sm{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:2px}.match-time-lg{font-size:1rem;font-weight:800;color:#475569}.bet-btn-row{background-color:#eff6ff;color:var(--color-primary);font-weight:700;font-size:.8rem;padding:8px 16px;border-radius:8px;transition:all .2s;letter-spacing:.5px;border:none;cursor:pointer}.bet-btn-row:active{background-color:#dbeafe;transform:scale(.95)}.bet-btn-row.completed{background-color:#f0fdf4;color:#166534}.empty-matches{text-align:center;padding:3rem;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:1rem}.live-section{padding:1rem}.live-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.live-indicator-dot{position:relative;width:10px;height:10px}.ping-animation{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#ef4444;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.dot-visible{position:relative;display:block;width:10px;height:10px;border-radius:50%;background-color:#ef4444}.live-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.live-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 6px -1px #0000001a;position:relative;overflow:hidden}.live-time-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);background-color:#ef44441a;color:#ef4444;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:99px}.live-card-content{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:1.5rem}.live-team-col{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:30%}.live-flag{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.live-team-name{font-size:.875rem;font-weight:600;color:#334155}.live-score-col{display:flex;flex-direction:column;align-items:center}.live-score{font-size:2rem;font-weight:800;color:#1e293b;line-height:1}.live-status-text{font-size:.75rem;color:#64748b;margin-top:4px}.live-odds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.live-odd-btn{display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px;cursor:pointer;transition:all .2s}.live-odd-btn:hover{border-color:#cbd5e1;background-color:#f1f5f9}.odd-label{font-size:.75rem;font-weight:600;color:#94a3b8}.odd-val{font-size:.875rem;font-weight:700;color:#334155}.odd-val.draw{color:#f59e0b}.odd-val.loss{color:#ef4444}.matches-list-section{padding:1rem}.date-header{margin-bottom:1rem}.date-title{font-size:.875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0}.match-list-item{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:transform .2s}.match-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.match-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.match-meta-info{display:flex;flex-direction:column;gap:2px}.group-time-info{font-size:.75rem;font-weight:700;color:#3b82f6}.venue-info{font-size:.75rem;color:#94a3b8}.notify-icon{color:#cbd5e1;font-size:1.25rem}.match-teams-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.team-row-side{display:flex;align-items:center;gap:.75rem;width:40%}.team-flag-sm{width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center;border:1px solid #e2e8f0}.team-name-row{font-size:.875rem;font-weight:600;color:#334155}.vs-text-sm{font-size:.75rem;font-weight:700;color:#cbd5e1}.odds-row{display:flex;gap:.5rem}.odd-btn-sm{flex:1;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.odd-label-sm{font-size:.75rem;font-weight:600;color:#94a3b8}.odd-val-sm{font-size:.875rem;font-weight:700;color:#334155}.promo-banner{position:relative;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;padding:1.5rem;color:#fff;overflow:hidden;margin-top:1.5rem}.promo-glow{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%)}.promo-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.promo-badge{font-size:.625rem;font-weight:700;background-color:#fff3;padding:2px 8px;border-radius:99px;display:inline-block;margin-bottom:.5rem}.promo-title{font-size:1.125rem;font-weight:800;margin:0 0 .25rem}.promo-subtitle{font-size:.75rem;opacity:.9;margin:0}.claim-btn{background:#fff;color:#1d4ed8;border:none;font-weight:700;font-size:.875rem;padding:8px 16px;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px -1px #0003}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.forecast-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background-color:var(--bg-slate-50);padding-bottom:9rem}.forecast-header{position:sticky;top:0;z-index:50;background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-slate-200);display:flex;align-items:center;padding:1rem;gap:1rem}.forecast-title{flex:1;text-align:center;font-size:1.125rem;font-weight:700;padding-right:2.5rem}.forecast-hero-section{padding:1rem;flex:1}.match-hero-card{position:relative;border-radius:1rem;background-color:#fff;border:1px solid var(--border-slate-200);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.match-hero-bg{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#3b82f6 1px,transparent 0);background-size:24px 24px}.match-date-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;background-color:var(--bg-slate-100);color:var(--text-slate-500);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;z-index:10}.teams-display{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:.5rem;z-index:10}.team-display-col{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1}.team-hero-flag{width:4rem;height:4rem;border-radius:50%;background-color:var(--bg-slate-200);background-size:cover;background-position:center;border:2px solid white;box-shadow:0 4px 6px -1px #0000001a}.arg-border{border-color:#bae6fd}.mex-border{border-color:#bbf7d0}.team-hero-name{font-size:1.125rem;font-weight:700;text-align:center;line-height:1.25}.vs-badge-hero{display:flex;flex-direction:column;align-items:center}.vs-text-hero{font-size:1.5rem;font-weight:900;font-style:italic;color:var(--border-slate-200)}.group-text-hero{font-size:.625rem;color:var(--text-slate-400);font-weight:500}.stadium-info{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-slate-500);z-index:10;margin-top:.5rem}.score-input-section{padding:.5rem 1rem 1.5rem}.score-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.score-inputs-row{display:flex;align-items:flex-start;gap:1rem}.score-input-card{flex:1;background-color:#fff;padding:1rem;border-radius:.75rem;border:1px solid var(--border-slate-200);display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 1px 2px #0000000d;transition:all .2s}.score-input-card:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #135bec1a}.score-label{font-size:.875rem;font-weight:500;color:var(--text-slate-500);text-transform:uppercase;letter-spacing:.025em}.score-control{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.score-btn{position:absolute;padding:.5rem;color:var(--text-slate-400);display:flex;align-items:center;justify-content:center;transition:all .1s}.score-btn.minus{left:0}.score-btn.plus{right:0}.score-btn:hover{color:var(--color-primary);transform:scale(1.1)}.score-value-input{width:5rem;text-align:center;font-size:2.25rem;font-weight:700;border:none;background:transparent;padding:0;color:var(--text-slate-900);outline:none;-moz-appearance:textfield}.score-value-input::-webkit-outer-spin-button,.score-value-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.score-separator{align-self:center;display:flex;flex-direction:column;gap:.25rem;padding-top:1.5rem}.dot{width:.5rem;height:.5rem;background-color:var(--bg-slate-200);border-radius:50%}.probs-section{padding:1rem 1rem 1.5rem}.probs-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.probs-title{font-size:.875rem;font-weight:600;color:var(--text-slate-900)}.probs-badge{font-size:.75rem;color:var(--text-slate-400)}.progress-bar-wrapper{height:1rem;width:100%;border-radius:9999px;overflow:hidden;display:flex;background-color:var(--bg-slate-100)}.prob-segment{display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;height:100%}.prob-legend{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;font-weight:500;color:var(--text-slate-500)}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-dot{width:.5rem;height:.5rem;border-radius:50%}.info-box-section{padding:0 1rem}.info-box{background-color:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:.5rem;padding:.75rem;display:flex;gap:.75rem}.info-text-title{font-size:.875rem;font-weight:600;color:var(--text-slate-900);margin-bottom:.125rem}.info-text-body{font-size:.75rem;color:var(--text-slate-500)}.forecast-bottom-action{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:1rem;box-sizing:border-box;background-color:transparent;pointer-events:none;z-index:40}.save-btn{width:100%;height:3.5rem;border-radius:.75rem;background-color:var(--color-primary);color:#fff;font-weight:700;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px -1px #1e3a8a4d,0 10px 15px -3px #1e3a8a33;transition:all .2s;pointer-events:auto;border:none;cursor:pointer}.save-btn:active{transform:scale(.98)}.profile-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:480px;margin:0 auto;background-color:var(--bg-slate-50);padding-bottom:6rem}.profile-header{background-color:#fff;padding:1.5rem 1.5rem 3rem;position:relative;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;box-shadow:0 4px 6px -1px #0000000d;z-index:10}.profile-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-title{font-size:1.25rem;font-weight:700;color:var(--text-slate-900)}.logout-btn{color:var(--color-accent-red);background-color:#ef44441a;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.logout-btn:hover{background-color:var(--color-accent-red);color:#fff}.user-card{display:flex;flex-direction:column;align-items:center;gap:.75rem}.profile-avatar{width:6rem;height:6rem;border-radius:50%;background-size:cover;background-position:center;border:4px solid white;box-shadow:0 10px 15px -3px #0000001a}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-slate-900);margin-bottom:.25rem}.profile-email{font-size:.875rem;color:var(--text-slate-500);background-color:var(--bg-slate-50);padding:.25rem .75rem;border-radius:9999px}.profile-stats-row{display:flex;justify-content:center;gap:1rem;margin-top:-2rem;padding:0 1rem;z-index:20;position:relative;margin-bottom:1.5rem}.profile-stat-card{background-color:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;align-items:center;width:100%;border:1px solid var(--border-slate-100)}.p-stat-value{font-size:1.5rem;font-weight:900;color:var(--color-primary)}.p-stat-label{font-size:.75rem;font-weight:600;color:var(--text-slate-500);text-transform:uppercase;letter-spacing:.05em}.profile-content{padding:0 1rem;flex:1}.section-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--text-slate-900)}.prediction-history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{background-color:#fff;border-radius:1rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-slate-200);box-shadow:0 1px 2px #0000000d}.history-info-col{display:flex;flex-direction:column;gap:.5rem}.history-match-title{font-size:.75rem;color:var(--text-slate-500);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.history-teams{display:flex;align-items:center;gap:.75rem}.history-team{display:flex;align-items:center;gap:.5rem}.history-flag{width:2rem;height:2rem;border-radius:50%;background-size:cover;background-position:center;background-color:var(--bg-slate-50);border:1px solid var(--border-slate-200)}.history-code{font-weight:700;font-size:.875rem;color:var(--text-slate-900)}.history-vs{font-size:.75rem;color:var(--text-slate-400);font-style:italic}.history-score-box{display:flex;align-items:center;background-color:var(--bg-slate-50);padding:.5rem .75rem;border-radius:.75rem;border:1px solid var(--border-slate-100);gap:.5rem}.history-score-val{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.history-score-sep{color:var(--text-slate-400);font-weight:500}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:var(--text-slate-500);gap:1rem}.retry-btn{color:var(--color-primary);font-weight:700;background:none;border:none;cursor:pointer}:root{--color-primary: #135bec;--color-accent-green: #10b981;--color-accent-red: #ef4444;--color-bg-light: #f6f6f8;--color-bg-dark: #101622;--color-text-dark: #0d121b;--color-text-light: #ffffff;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-400: #9ca3af;--color-gray-600: #4b5563;--color-border: #e2e8f0}.ranking-container{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg-light);font-family:Lexend,sans-serif;overflow:hidden;position:relative;max-width:480px;margin:0 auto;width:100%}.ranking-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#fff;box-shadow:0 1px 2px #0000000d;z-index:20;flex-shrink:0;color:var(--color-text-dark);width:100%}.header-left{display:flex;align-items:center;gap:1rem}.icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;color:var(--color-text-dark);transition:background-color .2s;border:none;background:transparent;cursor:pointer}.icon-btn:hover{background-color:var(--color-gray-100)}.page-title{font-size:1.125rem;font-weight:700;line-height:1.25;color:var(--color-text-dark)}.ranking-main{flex:1;overflow-y:auto;padding-bottom:6rem;background-color:var(--color-bg-light);scrollbar-width:none}.ranking-main::-webkit-scrollbar{display:none}.filters-section{position:sticky;top:0;z-index:10;background-color:var(--color-bg-light);padding:1rem 1rem .5rem}.chips-container{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.chips-container::-webkit-scrollbar{display:none}.filter-chip{display:flex;height:2.25rem;flex-shrink:0;align-items:center;justify-content:center;padding:0 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;transition:transform .1s,background-color .2s;cursor:pointer}.filter-chip.active{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 6px -1px #135bec33;border:none}.filter-chip.inactive{background-color:#fff;border:1px solid var(--color-gray-200);color:var(--color-gray-600)}.filter-chip.inactive:active{background-color:var(--color-gray-100)}.podium-section{padding:1.5rem 1rem;display:flex;align-items:flex-end;justify-content:center;gap:.5rem;margin-bottom:.5rem}.podium-place{display:flex;flex-direction:column;align-items:center}.podium-avatar-container{position:relative;margin-bottom:.5rem}.podium-avatar{background-color:var(--color-gray-200);background-size:cover;background-position:center;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a}.avatar-1{width:5rem;height:5rem;border:4px solid #FFD700}.avatar-2{width:4rem;height:4rem;border:4px solid #C0C0C0}.avatar-3{width:4rem;height:4rem;border:4px solid #CD7F32}.podium-badge{position:absolute;bottom:-.5rem;left:0;right:0;display:flex;justify-content:center}.badge-text{color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:9999px;box-shadow:0 1px 2px #0000000d}.badge-1{background-color:gold;font-size:.875rem;bottom:-.75rem}.badge-2{background-color:silver}.badge-3{background-color:#cd7f32}.crown-icon{position:absolute;top:-1.5rem;left:0;right:0;display:flex;justify-content:center;color:#fbbf24}.podium-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rem;text-align:center;color:var(--color-text-dark)}.name-lg{font-size:1rem;font-weight:700;width:6rem}.podium-points{font-size:.75rem;font-weight:700}.points-primary{color:var(--color-primary);font-size:.875rem}.points-accent{color:var(--color-accent-green)}.ranking-list-section{background-color:#fff;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;box-shadow:0 -4px 20px -10px #0000001a;min-height:500px;padding-top:1rem}.list-header{padding:0 1rem .5rem 1.5rem}.list-title{font-size:1.125rem;font-weight:700;color:var(--color-text-dark)}.list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--color-gray-100);transition:background-color .2s;cursor:pointer}.list-item:hover{background-color:#f9fafb}.rank-number{color:var(--color-gray-400);font-weight:700;width:1.5rem;text-align:center}.list-avatar{background-color:var(--color-gray-200);border-radius:9999px;height:2.5rem;width:2.5rem;flex-shrink:0;background-size:cover;background-position:center}.user-info-col{display:flex;flex-direction:column;flex:1}.user-name-list{font-size:.875rem;font-weight:600;color:var(--color-text-dark);line-height:1.25}.trend-indicator{display:flex;align-items:center;gap:.25rem}.trend-icon{font-size:12px;font-weight:700}.trend-text{font-size:10px;font-weight:500}.trend-up{color:var(--color-accent-green)}.trend-down{color:var(--color-accent-red)}.trend-neutral{color:var(--color-gray-400)}.points-col{text-align:right}.list-points{font-size:.875rem;font-weight:700;color:var(--color-primary)}.floating-user-bar{position:absolute;bottom:5.5rem;left:1rem;right:1rem;z-index:40;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.user-bar-card{background-color:var(--color-primary);color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #135bec4d;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem .75rem .75rem;border:2px solid var(--color-primary);outline:2px solid rgba(255,255,255,.2)}.user-bar-left{display:flex;align-items:center;gap:.75rem}.user-rank-box{background-color:#ffffff1a;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-weight:700;font-size:1.125rem}.user-bar-avatar{background-color:#fff;border-radius:9999px;height:2.5rem;width:2.5rem;background-size:cover;background-position:center;border:2px solid white}.user-bar-info{display:flex;flex-direction:column}.user-bar-name{font-size:.875rem;font-weight:700;line-height:1.25}.user-bar-trend{display:flex;align-items:center;gap:.25rem;color:#fffc}.user-bar-right{text-align:right}.user-bar-points{font-size:1.125rem;font-weight:700}.user-bar-label{font-size:10px;text-transform:uppercase;font-weight:500;color:#ffffffb3}.my-predictions-container{padding-bottom:80px;background-color:#f8fafc;min-height:100vh;max-width:480px;margin:0 auto;width:100%;position:relative}.predictions-list{padding:1rem;display:flex;flex-direction:column;gap:1rem}.prediction-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #f1f5f9;transition:transform .2s,box-shadow .2s}.prediction-card:active{transform:scale(.98)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.match-date{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.status-badge{font-size:.7rem;padding:4px 8px;border-radius:999px;font-weight:700;text-transform:uppercase}.status-badge.won{background-color:#dcfce7;color:#166534}.status-badge.lost{background-color:#fee2e2;color:#991b1b}.status-badge.pending{background-color:#f1f5f9;color:#64748b}.teams-row{display:flex;justify-content:space-between;align-items:center}.team-col{display:flex;flex-direction:column;align-items:center;width:30%;gap:8px}.team-flag-circle{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 2px 4px #0000001a;border:2px solid white}.team-code{font-size:.875rem;font-weight:700;color:#334155}.score-display{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#f8fafc;padding:8px 16px;border-radius:12px;border:1px solid #e2e8f0}.score-val{font-size:1.5rem;font-weight:800;color:#0f172a;min-width:24px;text-align:center}.score-divider{color:#cbd5e1;font-weight:300}.prediction-meta{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.points-badge{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:600;color:#eab308}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#64748b}.empty-icon{font-size:48px;color:#cbd5e1;margin-bottom:1rem}.cta-button{margin-top:1rem;padding:10px 20px;background-color:var(--color-primary);color:#fff;border-radius:8px;font-weight:600;border:none;cursor:pointer}