@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--ink:#0b1f18;--green:#087f5b;--lime:#c9f650;--cream:#f7f8f2;--line:#dfe6df;--muted:#65746e;--white:#fff;--navy:#10271f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1160px,100% - 40px);margin:auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f2f0;border-bottom:1px solid #0b1f1814;align-items:center;height:76px;display:flex;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font:800 21px Manrope;display:flex}.brand-mark{background:var(--ink);width:31px;height:31px;color:var(--lime);border-radius:9px;place-items:center;font-size:18px;display:grid;transform:rotate(-5deg)}.nav-links{gap:32px;font-size:14px;font-weight:600;display:flex}.nav-links a:hover{color:var(--green)}.nav-actions{align-items:center;gap:20px;display:flex}.text-button{font-size:14px;font-weight:700}.button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:18px;padding:15px 22px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #087f5b2e}.button:hover{filter:brightness(.94);transform:translateY(-1px)}.button-small{border-radius:9px;padding:11px 17px}.secondary{color:var(--ink);box-shadow:none;background:0 0;border:1px solid #bdc9c1}.hero{background:radial-gradient(circle at 75% 45%,#e1f5c6 0,#0000 28%);padding:86px 0 95px;overflow:hidden}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;display:grid}.pill,.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:800}.pill{background:#eff8ed;border:1px solid #bfdbc9;border-radius:100px;align-items:center;padding:8px 13px;display:inline-flex}.pill span{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:8px}.hero h1{letter-spacing:-4.6px;margin:24px 0;font:800 clamp(48px,6.2vw,82px)/.98 Manrope}.hero h1 em{color:var(--green);font-style:normal}.hero-copy{color:#53655e;max-width:590px;font-size:19px;line-height:1.65}.hero-actions{gap:12px;margin:32px 0;display:flex}.trust-row{color:#718078;gap:22px;font-size:12px;font-weight:600;display:flex}.trust-row span:first-letter{color:var(--green)}.match-card-wrap{padding:30px;position:relative}.glow{background:var(--lime);opacity:.65;border-radius:40px;position:absolute;inset:30px;transform:rotate(6deg)}.match-card{background:#fff;border:1px solid #dce5dd;border-radius:22px;padding:24px;position:relative;box-shadow:0 28px 70px #0f2d2229}.match-top{border-bottom:1px solid #edf0ed;justify-content:space-between;padding-bottom:20px;font-size:12px;display:flex}.match-top span{font-weight:800}.match-top b{color:#d66b37}.teams{grid-template-columns:1fr 1.3fr 1fr;align-items:center;padding:30px 0;display:grid}.teams>div{text-align:center;flex-direction:column;align-items:center;gap:11px;display:flex}.crest{color:#fff;border-radius:50%;place-items:center;width:55px;height:55px;font:800 22px Manrope;display:grid;box-shadow:inset 0 0 0 5px #ffffff40}.crest.red{background:#da3047}.crest.cyan{background:#6fc5e8}.versus small{color:#829088;font-size:9px;font-weight:800}.versus>div{align-items:center;gap:8px;display:flex}.versus span{background:#f3f5f1;border:1px solid #dfe5de;border-radius:9px;padding:11px 15px;font:800 22px Manrope}.versus i{color:#88958e;font-style:normal}.match-card button{background:var(--ink);color:#fff;border:0;border-radius:9px;width:100%;padding:14px;font-weight:800}.match-card>p{text-align:center;color:#89938e;margin:12px 0 0;font-size:10px}.float-card{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:20px;display:flex;position:absolute;box-shadow:0 12px 35px #0b1f1826}.float-card span{flex-direction:column;font-size:11px;display:flex}.float-card small{color:#8a958f}.streak{bottom:55px;left:-10px}.points{top:65px;right:-14px}.social-proof{background:var(--navy);color:#fff;text-align:center;padding:38px 0}.social-proof p{letter-spacing:2px;color:#8da398;font-size:10px;font-weight:700}.metrics{justify-content:center;gap:min(15vw,180px);margin-top:25px;display:flex}.metrics div{flex-direction:column;display:flex}.metrics b{color:var(--lime);font:800 27px Manrope}.metrics span{color:#b9c8c1;font-size:12px}.features{text-align:center;padding:100px 0}.features h2,.page-hero h1{letter-spacing:-2.4px;margin:17px 0 48px;font:800 clamp(36px,4vw,54px)/1.1 Manrope}.feature-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px}.feature-icon{background:#edf7df;border-radius:12px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.feature-grid h3{margin:20px 0 9px;font:700 19px Manrope}.feature-grid p,.content-page p,.content-page li{color:var(--muted);line-height:1.7}.cta{background:var(--green);color:#fff;text-align:center;border-radius:24px;margin-bottom:90px;padding:60px 20px}.cta>span{font-size:30px}.cta h2{margin:14px;font:800 36px Manrope}.cta p{color:#cbe3d9}.light{background:var(--lime);color:var(--ink);box-shadow:none;margin-top:15px}footer{background:#eaf0e9;padding:55px 0 25px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.footer-grid>div{flex-direction:column;gap:10px;font-size:13px;display:flex}.footer-grid h3{text-transform:uppercase;letter-spacing:1px;font-size:12px}.muted,.fine-print{color:var(--muted)}.fine-print{border-top:1px solid #d4ddd5;margin-top:40px;padding-top:20px;font-size:11px}.page-hero{text-align:center;max-width:850px;padding:80px 0 35px}.page-hero p{color:var(--muted);font-size:19px;line-height:1.6}.content-page{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:820px;margin-bottom:90px;padding:42px}.content-page h2{margin-top:32px;font:700 24px Manrope}.content-page h2:first-child{margin-top:0}.principle{grid-template-columns:45px 1fr;gap:15px;margin:24px 0;display:grid}.principle b{background:#e7f6da;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.notice{border-left:3px solid var(--green);background:#eff7e8;border-radius:5px;padding:16px;color:#45584f!important}.app-frame{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:27px 20px;display:flex;position:sticky;top:0}.sidebar .brand{margin:0 9px 34px}.sidebar .brand-mark{background:var(--lime);color:var(--ink)}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{color:#aabbb2;border-radius:9px;gap:13px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#1d3a30}.sidebar nav a.active{box-shadow:inset 3px 0 var(--lime)}.sidebar-pro{background:#1b3b30;border:1px solid #2b4b40;border-radius:12px;margin-top:auto;padding:16px}.sidebar-pro b{color:var(--lime)}.sidebar-pro p{color:#a8bbb1;font-size:11px;line-height:1.5}.sidebar-pro a{font-size:11px;font-weight:700}.signout{color:#8fa399;margin:20px 10px 0;font-size:12px}.app-main{min-width:0}.mobile-appbar,.mobile-tabs{display:none}.dashboard-content{max-width:1350px;margin:auto;padding:42px max(35px,5vw)}.dash-header{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.dash-header h1{margin:0;font:800 30px Manrope}.dash-header p{color:var(--muted);margin:6px 0}.avatar{background:var(--lime);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.stat-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px}.stat small{color:var(--muted);display:block}.stat b{margin:10px 0 2px;font:800 29px Manrope;display:block}.stat em{color:var(--green);font-size:11px;font-style:normal}.dash-grid{grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px;display:grid}.section-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title h2{margin:0;font:700 18px Manrope}.section-title a{color:var(--green);font-size:12px;font-weight:700}.fixture-row{border-top:1px solid #edf0ed;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:15px;padding:18px 0;display:grid}.fixture-row:first-of-type{border:0}.fixture-row .team:last-of-type{text-align:right}.score-input{background:#f1f3ef;border-radius:8px;padding:8px 12px;font-weight:800}.fixture-row button{background:var(--ink);color:#fff;border:0;border-radius:8px;padding:9px 13px}.table-row{border-top:1px solid #edf0ed;grid-template-columns:28px 1fr auto;gap:10px;padding:11px 0;font-size:13px;display:grid}.rank{color:#819089}.empty-state{text-align:center;padding:45px 20px}.empty-state span{font-size:40px}.empty-state p{color:var(--muted)}.form-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.form-art{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;padding:60px;display:flex}.form-art .brand-mark{background:var(--lime);color:var(--ink)}.form-quote h2{letter-spacing:-2px;font:800 clamp(36px,4vw,58px)/1.1 Manrope}.form-quote h2 em{color:var(--lime);font-style:normal}.form-quote p{color:#a9bbb3;line-height:1.7}.auth-pane{place-items:center;padding:35px;display:grid}.auth-card{width:min(430px,100%)}.auth-card h1{margin-bottom:8px;font:800 34px Manrope}.auth-card>p{color:var(--muted)}.auth-card form{flex-direction:column;gap:15px;margin-top:28px;display:flex}.auth-card label{font-size:13px;font-weight:700}.auth-card input,.auth-card select{background:#fff;border:1px solid #ced8d1;border-radius:9px;width:100%;margin-top:7px;padding:13px}.auth-card form .button{margin-top:5px}.auth-switch{text-align:center;margin-top:22px;font-size:13px}.auth-switch a{color:var(--green);font-weight:700}.legal-check{color:var(--muted);gap:9px;display:flex;font-size:11px!important}.legal-check input{width:auto!important;margin:2px 0!important}.pro-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.price-card{border:2px solid var(--green);border-radius:16px;padding:27px}.price{font:800 40px Manrope}.price small{color:var(--muted);font:400 13px DM Sans}.price-card ul{padding-left:20px}.safety-banner{background:#eef8e6;border-radius:12px;margin-top:25px;padding:20px}.safety-banner b{color:var(--green)}@media (max-width:800px){.nav-links{display:none}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-3px}.match-card-wrap{padding:15px}.float-card{display:none}.trust-row{flex-wrap:wrap}.feature-grid,.pro-grid{grid-template-columns:1fr}.metrics{gap:11vw}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.app-frame{display:block}.sidebar{display:none}.mobile-appbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.mobile-tabs{z-index:10;border-top:1px solid var(--line);background:#fff;justify-content:space-around;height:66px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tabs a{color:#819087;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.mobile-tabs a.active{color:var(--green)}.dashboard-content{padding:25px 18px 88px}.stat-grid{grid-template-columns:1fr 1fr}.dash-grid,.form-shell{grid-template-columns:1fr}.form-art{display:none}}@media (max-width:480px){.container{width:min(100% - 28px,1160px)}.nav-actions .text-button{display:none}.hero-actions{flex-direction:column}.hero h1{font-size:48px}.teams{grid-template-columns:1fr 1.2fr 1fr}.match-card{padding:18px}.metrics span{font-size:10px}.page-hero{padding-top:55px}.content-page{padding:25px}.stat-grid{grid-template-columns:1fr 1fr}.fixture-row{grid-template-columns:1fr auto 1fr}.fixture-row button{grid-column:1/-1}.dash-header .avatar{display:none}}.auth-card form .button:disabled{cursor:wait;opacity:.7}.form-error{background:#fff1f0;border:1px solid #f0b8b4;border-radius:8px;margin:0;padding:11px 13px;font-size:13px;color:#a5271f!important;line-height:1.4!important}