@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#f7f7fb;--muted:#a3a6bf;--panel:#171c38cc;--line:#ffffff1c;--red:#ec3154;--blue:#2e6cff;--gold:#ffd66b}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:'DM Sans',sans-serif;background:radial-gradient(circle at 8% 8%,#273a83 0,#12172f 34%,#090b18 100%);overflow-x:hidden}.glow{position:fixed;filter:blur(80px);border-radius:50%;opacity:.35;pointer-events:none}.glow-a{width:300px;height:300px;background:#e52a54;right:-100px;top:12%}.glow-b{width:260px;height:260px;background:#285eff;left:-140px;bottom:4%}.shell{max-width:900px;margin:auto;padding:28px 22px 44px;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;letter-spacing:2px;font-weight:700}.eyebrow{color:#d8d9e7}.live{color:#ff7790}.live i{display:inline-block;width:7px;height:7px;background:#ff4568;border-radius:50%;margin-right:7px;box-shadow:0 0 13px #ff4568}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:72px 0 58px}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:bold}.hero h1{font:700 clamp(48px,8vw,84px)/.92 'Space Grotesk',sans-serif;margin:18px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #f7f7fb}.intro{color:var(--muted);max-width:300px;line-height:1.6}.scoreboard{display:flex;align-items:center;justify-content:center;gap:20px;padding:34px 18px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid var(--line);border-radius:28px;box-shadow:0 25px 70px #0004;transform:rotate(2deg)}.team{text-align:center;display:grid;gap:13px;justify-items:center;font-family:'Space Grotesk'}.crest{display:grid;place-items:center;width:74px;height:74px;border-radius:23px;font-size:35px;font-weight:bold;box-shadow:0 10px 25px #0005}.crest-barca{background:linear-gradient(135deg,#1744b8 0 48%,#d52b54 49%);border:3px solid #f5d36d}.crest-madrid{background:linear-gradient(135deg,#f9f9ff,#b9c7ee);color:#283e9a;border:3px solid #b8caff}.versus{text-align:center;color:var(--gold);font:700 22px 'Space Grotesk'}.versus small{display:block;color:var(--muted);font:500 10px 'DM Sans';letter-spacing:1px;margin-top:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:25px;padding:29px;margin:18px 0;backdrop-filter:blur(18px);box-shadow:0 20px 55px #0003}.section-title{display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}.number{color:var(--gold);font:700 12px 'Space Grotesk';padding-top:5px}.section-title h2{font:700 22px 'Space Grotesk';margin:0}.section-title p{color:var(--muted);font-size:13px;margin:6px 0 0}.section-title b{color:var(--ink)}form{display:grid;grid-template-columns:1fr 230px auto;gap:18px;align-items:end}label{color:var(--muted);font-size:12px;display:grid;gap:9px;font-weight:500}input{width:100%;border:1px solid var(--line);background:#080b1b99;color:var(--ink);border-radius:12px;padding:14px;font:500 16px 'DM Sans';outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffd66b18}.score-inputs{display:grid;grid-template-columns:1fr 18px 1fr;gap:8px;align-items:end}.dash{color:var(--muted);text-align:center;padding-bottom:14px}button{border:0;border-radius:12px;padding:15px 19px;background:linear-gradient(135deg,var(--red),#ff6a6f);color:white;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 10px 25px #ec31544d;transition:transform .2s,filter .2s}button:hover{transform:translateY(-2px);filter:brightness(1.12)}button span{font-size:20px;vertical-align:-2px;margin-left:8px}.bets{display:grid;gap:8px}.empty{text-align:center;color:var(--muted);padding:26px;border:1px dashed var(--line);border-radius:14px}.empty span{color:var(--gold)}.bet{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px 17px;background:#ffffff08;border-radius:14px;animation:rise .35s ease}.bet-name{font-weight:700}.bet-result{font:700 20px 'Space Grotesk';color:var(--gold)}.bet-time{font-size:11px;color:var(--muted)}footer{display:flex;justify-content:space-between;color:#777b9b;font-size:11px;padding:25px 3px;letter-spacing:1px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#f7f7fb;color:#10152d;padding:13px 18px;border-radius:12px;font-weight:700;font-size:13px;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:680px){.shell{padding:22px 16px}.hero{grid-template-columns:1fr;padding:55px 0 35px;gap:35px}.scoreboard{transform:none}.card{padding:22px 18px}form{grid-template-columns:1fr}.score-inputs{max-width:220px}button{width:100%}.topbar{font-size:9px}}