:root{--color-brand:#d324fc;--color-brand-4:#a100c4;--color-brand-weak:#faf3fc;--color-brand-weak-elevated:#c917fc0a;--color-neutral-1:#fff;--color-neutral-2:#fcfcfc;--color-neutral-3:#f5f5f5;--color-neutral-4:#e4e4e4;--color-neutral-5:#c9c9c9;--color-neutral-6:#737373;--color-neutral-7:#1f1f1f;--color-yellow:#f6d546;--color-yellow-weak:#f6d54633;--color-teal-2:#cbfaef;--color-teal-4:#007767;--height-nav:4.375rem;--max-width-desktop:1440px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-neutral-2);color:var(--color-neutral-7);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-body{width:100%;max-width:var(--max-width-desktop);grid-template-columns:240px minmax(0,1fr) 340px;gap:32px;margin:0 auto;padding:32px 24px;display:grid}.odd-label{color:var(--color-neutral-6);font-size:.75rem;font-weight:500}.odd-value{color:var(--color-neutral-7);font-size:1rem;font-weight:700}.loader,.error,.empty-state{text-align:center;color:var(--color-neutral-6);padding:40px;font-size:.95rem;font-weight:500}.error{color:#c20a0a}.notice{text-align:center;background:var(--color-neutral-1);border:1px solid var(--color-neutral-4);border-radius:16px;max-width:560px;margin:80px auto;padding:40px 32px;box-shadow:0 4px 6px #0000000d}.notice h1{color:#0a2540;margin-bottom:12px;font-size:1.25rem}.notice p{color:var(--color-neutral-6);font-size:.95rem;line-height:1.5}.top-header{background:var(--color-neutral-1);border-bottom:1px solid var(--color-neutral-4);height:var(--height-nav);z-index:100;justify-content:center;display:flex;position:sticky;top:0}.header-inner{width:100%;max-width:var(--max-width-desktop);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-left{align-items:center;gap:32px;display:flex}.logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:900}.top-nav{gap:24px;display:flex}.top-nav a{color:var(--color-neutral-6);border-bottom:2px solid #0000;padding:8px 0;font-size:.875rem;font-weight:500;transition:all .2s}.top-nav a:hover{color:var(--color-neutral-7);border-bottom-color:var(--color-brand)}.header-right{align-items:center;gap:12px;display:flex}.btn-signup{color:var(--color-brand-4);border:1px solid var(--color-brand-4);background:var(--color-neutral-1);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;display:flex}.btn-signup:hover{background:var(--color-brand-weak)}.btn-login{color:#fff;background:var(--color-neutral-7);border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:600}.btn-login:hover{background:var(--color-neutral-6)}.feed-top-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:#0a2540;font-size:1.75rem;font-weight:800}.quota-badge{color:var(--color-neutral-6);background:var(--color-neutral-3);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.match-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.new-match-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.hot-badge{color:#fff;background-color:#ef4444;border-bottom-left-radius:8px;padding:4px 12px;font-size:.7rem;font-weight:800;position:absolute;top:0;right:0}.hot-badge-muted{background-color:#9ca3af}.card-league-date{color:#4b5563;justify-content:center;gap:8px;margin-top:20px;font-size:.8rem;font-weight:500;display:flex}.card-league-name{text-align:center;color:#6b7280;margin-bottom:16px;font-size:.8rem}.card-teams-row{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px;display:flex}.card-team{text-align:center;color:#0f172a;flex-direction:column;flex:1;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.card-team img{object-fit:contain;width:40px;height:40px}.card-vs{color:#9ca3af;padding:0 10px;font-weight:700}.card-prediction-box{text-align:center;background-color:#f3f4f6;border-radius:8px;margin:0 16px 16px;padding:12px}.prediction-title{color:#4b5563;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.card-odds-row{gap:8px;display:flex}.card-odd{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:6px;display:flex}.card-odd .odd-label{color:#6b7280;margin-bottom:2px;font-size:.7rem}.card-odd .odd-value{color:#0f172a;font-size:1rem;font-weight:800}.details-btn{text-align:center;color:#fff;background-color:#f59e0b;border-radius:24px;margin:0 16px 16px;padding:12px;font-size:.9rem;font-weight:800;text-decoration:none;transition:background .2s;display:block}.details-btn:hover{background-color:#d97706}.card-footer{text-align:center;color:#4b5563;background-color:#f9fafb;border-top:1px solid #e5e7eb;margin-top:auto;padding:10px;font-size:.8rem;font-weight:600}.detail-container{width:100%;max-width:760px;margin:0 auto;padding:32px 24px 64px}.back-link{color:var(--color-brand-4);margin-bottom:20px;font-size:.875rem;font-weight:600;display:inline-block}.back-link:hover{text-decoration:underline}.detail-card{background:var(--color-neutral-1);border:1px solid var(--color-neutral-4);border-radius:16px;padding:32px;box-shadow:0 4px 6px #0000000d}.detail-meta{color:var(--color-neutral-6);justify-content:space-between;margin-bottom:28px;font-size:.8rem;font-weight:600;display:flex}.detail-teams{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.detail-team{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.detail-team img{object-fit:contain;width:64px;height:64px}.detail-score{color:var(--color-neutral-6);padding:0 8px;font-size:1.25rem;font-weight:800}.detail-odds{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.detail-odds .odd-box{background:var(--color-neutral-1);border:1px solid var(--color-neutral-4);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.detail-odds .odd-box:hover{border-color:var(--color-brand-4);background:var(--color-brand-weak)}.ai-box{background:var(--color-yellow-weak);border-left:4px solid var(--color-yellow);color:var(--color-neutral-7);border-radius:0 8px 8px 0;padding:16px;font-size:.875rem;line-height:1.5}.ai-box strong{text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.betslip-container{background:var(--color-neutral-1);border:1px solid var(--color-neutral-4);border-radius:12px;padding:20px;position:sticky;top:100px}.betslip-container h3{margin-bottom:16px;font-size:1.125rem;font-weight:700}.betslip-empty-text{color:var(--color-neutral-6);margin-bottom:24px;font-size:.875rem;line-height:1.5}.bookmaker-logins{margin-bottom:24px}.login-row{border-bottom:1px solid var(--color-neutral-3);justify-content:space-between;align-items:center;padding:12px 0;font-size:.875rem;font-weight:600;display:flex}.login-row button{background:var(--color-neutral-3);border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.login-row button:hover{background:var(--color-neutral-4)}.betslip-slip{border:1px dashed var(--color-neutral-4);text-align:center;border-radius:8px;padding:32px 16px}.betslip-slip h4{margin-bottom:8px;font-size:.875rem;font-weight:600}.betslip-slip p{color:var(--color-neutral-6);font-size:.75rem}.sidebar-section h3{text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-6);margin-bottom:16px;font-size:.75rem;font-weight:600}.top-matches{margin-bottom:24px}.league-nav{list-style:none}.league-link{width:100%;color:var(--color-neutral-7);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:background .15s;display:flex}.league-link img{width:20px;height:20px}.league-link:hover{background:var(--color-neutral-3)}.league-link.active{background:var(--color-brand-weak-elevated);color:var(--color-brand-4);font-weight:600}.newsletter-box{background:var(--color-teal-2);border:1px solid #b2e6da;border-radius:12px;margin-top:32px;padding:20px}.newsletter-box h4{color:var(--color-teal-4);margin-bottom:8px;font-size:1rem}.newsletter-box p{color:var(--color-teal-4);opacity:.8;margin-bottom:16px;font-size:.875rem;line-height:1.4}.newsletter-box input{border:1px solid #a7f3d0;border-radius:8px;width:100%;margin-bottom:10px;padding:10px;font-size:.875rem}.newsletter-box button{background:var(--color-neutral-7);color:#fff;border-radius:8px;width:100%;padding:10px;font-size:.875rem;font-weight:600}