:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#172033;background:#eef4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#fffffff2,#0000 32rem),linear-gradient(135deg,#edf5ff 0%,#eaf0ff 45%,#f8fbff 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(100%,1080px);margin:0 auto;padding:18px 14px 110px}.hero-card,.panel-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffbd;border-radius:30px;box-shadow:0 24px 70px #243f7329}.hero-card{padding:22px;position:relative;overflow:hidden}.hero-card:after{content:"";background:linear-gradient(135deg,#2196f338,#ffc1073d);border-radius:999px;width:170px;height:170px;position:absolute;top:-52px;right:-58px}.brand-row{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.brand-mark{background:#10233f;border-radius:18px;place-items:center;width:54px;height:54px;font-size:30px;display:grid;box-shadow:0 16px 30px #10233f3d}.eyebrow,.section-kicker{text-transform:uppercase;color:#4672ff;letter-spacing:.08em;margin:0 0 3px;font-size:.72rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:0;font-size:clamp(1.65rem,8vw,3rem)}.hero-copy{z-index:1;margin-top:28px;position:relative}.hero-copy h2{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(1.4rem,6vw,2.6rem)}.hero-copy p{color:#516178;max-width:640px;margin-bottom:0;line-height:1.55}.stats-grid{z-index:1;grid-template-columns:1fr;gap:10px;margin-top:22px;display:grid;position:relative}.stats-grid div{background:#f8fbff;border:1px solid #e3ecff;border-radius:20px;padding:14px}.stats-grid span{color:#6d7890;margin-bottom:4px;font-size:.78rem;display:block}.stats-grid strong{font-size:1.05rem}.panel-card{margin-top:16px;padding:18px}.login-card h2{letter-spacing:-.04em;font-size:1.55rem}.login-form{gap:14px;margin-top:18px;display:grid}label{color:#25324a;gap:7px;font-weight:800;display:grid}input{color:#172033;background:#fff;border:1px solid #d8e4fb;border-radius:18px;outline:none;width:100%;padding:15px 16px;box-shadow:inset 0 1px #ffffffb3}input:focus{border-color:#5a7dff;box-shadow:0 0 0 4px #5a7dff21}.login-form button,.sticky-actions button{color:#fff;background:linear-gradient(135deg,#183bff,#0bb7ff);border-radius:18px;width:100%;padding:16px 18px;font-weight:900;box-shadow:0 18px 36px #183bff42}.user-row,.match-topline,.match-footer,.stage-banner{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-row h2{letter-spacing:-.04em;margin-bottom:0}.ghost-button{color:#244060;background:#edf3ff;border-radius:14px;flex:none;padding:11px 14px;font-weight:900}.stage-banner{color:#fff;background:linear-gradient(135deg,#10233f,#244a84);border-radius:22px;margin-top:18px;padding:15px}.stage-banner p{color:#c9dcff;margin-bottom:3px}.status-pill{background:#ffffff29;border-radius:999px;padding:8px 10px;font-size:.72rem;font-weight:900}.status-pill.open{background:#15c47e}.match-list{gap:14px;margin-top:16px;display:grid}.match-card{background:#fff;border:1px solid #dde8fb;border-radius:24px;padding:15px;box-shadow:0 16px 36px #2d49751a}.match-card.locked{background:#f5f7fb}.match-topline{color:#60708a;margin-bottom:14px;font-size:.82rem;font-weight:800}.teams-grid{grid-template-columns:1fr 64px;align-items:center;gap:10px;display:grid}.team-name{color:#162035;word-break:break-word;min-width:0;font-size:1.08rem;font-weight:950}.team-name.away{grid-area:3/1}.teams-grid input{text-align:center;background:#f8fbff;border-radius:18px;grid-column:2;width:64px;height:58px;padding:0;font-size:1.45rem;font-weight:950}.versus{color:#60708a;text-transform:uppercase;background:#eef4ff;border-radius:999px;grid-column:1/-1;justify-self:center;place-items:center;width:42px;height:28px;font-size:.74rem;font-weight:950;display:grid}.match-footer{color:#60708a;align-items:flex-start;margin-top:14px;font-size:.78rem;font-weight:800}.lock-text.danger{color:#d54848}.saved-chip{color:#008f5a;background:#e9fff5;border-radius:999px;flex:none;padding:6px 8px}.sticky-actions{padding:12px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#f5f9ffe0;border-top:1px solid #d2e0f5d9;grid-template-columns:1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.sticky-actions .secondary-button{box-shadow:none;background:#10233f}.toast{z-index:20;border-radius:18px;padding:14px 16px;font-weight:850;position:fixed;bottom:100px;left:14px;right:14px;box-shadow:0 18px 36px #14213733}.toast.success{color:#007a4c;background:#e9fff5}.toast.error{color:#bb2f2f;background:#fff0f0}@media (width>=720px){.app-shell{padding:28px 24px 120px}.hero-card,.panel-card{border-radius:36px}.hero-card{padding:34px}.panel-card{padding:28px}.stats-grid{grid-template-columns:repeat(3,1fr)}.login-card{max-width:520px;margin-left:auto;margin-right:auto}.match-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-actions{border-radius:28px 28px 0 0;grid-template-columns:1fr .8fr;width:min(100%,560px);left:50%;right:auto;transform:translate(-50%)}}@media (width>=1040px){.match-list{grid-template-columns:repeat(3,minmax(0,1fr))}}