:root{--navy:#07162f;--blue:#1265f3;--pink:#ff4f83;--yellow:#ffd326;--green:#23c483;--cream:#f5f7fb;--ink:#10213e;--muted:#68758c;--line:#dce3ee;--white:#fff;--radius:20px;--shadow:0 20px 55px rgba(9,30,67,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,5rem);background:var(--navy);color:#fff}.brand{color:#fff;text-decoration:none;letter-spacing:.09em}.brand b{display:block;color:#74a7ff;font-size:.75rem}nav{display:flex;gap:1.3rem}nav a{color:#dbe8ff;text-decoration:none;font-size:.86rem}.hero{padding:clamp(3rem,7vw,6rem) clamp(1rem,6vw,7rem);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;background:radial-gradient(circle at 80% 10%,#1b68ef,transparent 30%),linear-gradient(130deg,#07162f,#0b3882);color:#fff}.hero h1{font-size:clamp(2.8rem,6vw,6rem);line-height:.92;letter-spacing:-.055em;margin:.3rem 0 1.5rem}.hero h1 em{font-style:normal;color:var(--yellow)}.hero>div>p:last-child{color:#c9d7eb;max-width:600px}.eyebrow{font-size:.7rem;font-weight:900;letter-spacing:.17em;color:#5d8ee1}.hero .eyebrow{color:#91baff}.bank-hero{padding:2rem;border-radius:28px;background:#fff;color:var(--ink);box-shadow:var(--shadow);transform:rotate(1deg)}.bank-hero>span{font-weight:900;font-size:.75rem;letter-spacing:.13em}.bank-hero>strong{display:block;font-size:4.2rem;letter-spacing:-.06em;color:var(--blue)}.bank-hero>small{color:var(--muted)}.bank-mini{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.2rem}.bank-mini span{padding:.7rem;background:#eef3fa;border-radius:10px;font-size:.73rem}.auth{max-width:980px;margin:-28px auto 3rem;position:relative;display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:center}.card{background:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow)}.auth h2{margin:0}.auth form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.auth .actions,.auth .msg{grid-column:1/-1}label{font-size:.72rem;font-weight:800;color:var(--muted)}input,select{width:100%;margin-top:.3rem;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}button,.csv{border:0;border-radius:999px;background:var(--blue);color:#fff;padding:.75rem 1.1rem;font-weight:800;cursor:pointer;text-decoration:none}.secondary{background:var(--pink)}.quiet{background:#e7edf7;color:var(--ink)}.welcome,.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.welcome{padding:3rem clamp(1rem,6vw,7rem) 1rem}.welcome h2,.section h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.045em;line-height:1;margin:.2rem 0}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem clamp(1rem,6vw,7rem) 3rem}.tile{padding:1.3rem;border-radius:16px;color:#fff;box-shadow:var(--shadow)}.tile span{display:block;font-size:.72rem;font-weight:800}.tile strong{font-size:2rem}.pink{background:linear-gradient(135deg,#ff4f83,#e52d65)}.yellow{background:linear-gradient(135deg,#ffd326,#f4a600);color:#332600}.green{background:linear-gradient(135deg,#2dd493,#159d68)}.blue{background:linear-gradient(135deg,#2781ff,#1453ce)}.section{padding:clamp(3.5rem,7vw,6rem) clamp(1rem,6vw,7rem)}.section-head{margin-bottom:2rem}.section-head>p{max-width:470px;color:var(--muted)}.filters{display:flex;gap:1rem;align-items:end;margin-bottom:1.2rem}.filters select{min-width:170px}.filters input{width:auto}.matches{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.match{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem}.match.poland{border:2px solid var(--pink)}.match-top{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);font-weight:800}.pair{font-size:1.15rem;font-weight:900;margin:1rem 0}.markets{display:flex;gap:.5rem;flex-wrap:wrap}.market{background:#edf3fc;color:var(--blue);border-radius:9px;padding:.55rem .7rem;font-size:.72rem}.market b{margin-left:.3rem}.dark{background:var(--navy);color:#fff}.bet-list{display:grid;gap:.6rem}.bet-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:1rem;background:#112746;border-radius:12px}.status-open{color:var(--yellow)}.status-won{color:#51e3a8}.status-lost{color:#ff789d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line)}th:not(:nth-child(2)),td:not(:nth-child(2)){text-align:right}tbody tr:first-child{background:#fff8d6}.bank-section{background:#eef2f8}.ledger-row{display:grid;grid-template-columns:150px 1fr auto;gap:1rem;padding:.7rem;border-bottom:1px solid var(--line)}.positive{color:#159d68}.negative{color:#e52d65}.rules{padding:3rem clamp(1rem,6vw,7rem);background:linear-gradient(120deg,#ffd326,#ff9d42)}.rules div{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.rules p{background:rgba(255,255,255,.75);padding:1rem;border-radius:12px}dialog{border:0;border-radius:22px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.35);max-width:450px;width:calc(100% - 2rem)}dialog::backdrop{background:rgba(2,11,28,.72)}dialog form{padding:2rem}.close{float:right;background:#edf1f7;color:var(--ink);font-size:1.2rem}.msg{color:#d62f62;font-weight:700}#toast{position:fixed;right:1rem;bottom:1rem;background:#07162f;color:#fff;padding:1rem 1.3rem;border-radius:12px;opacity:0;transform:translateY(20px);transition:.2s;z-index:80}#toast.show{opacity:1;transform:none}footer{padding:2rem;text-align:center;background:#030b19;color:#91a1ba;font-size:.75rem}@media(max-width:850px){.hero,.auth{grid-template-columns:1fr}.auth{margin:-20px 1rem 2rem}.tiles{grid-template-columns:repeat(2,1fr)}.matches{grid-template-columns:1fr}.rules div{grid-template-columns:1fr 1fr}}@media(max-width:600px){header nav{display:none}.hero{gap:2rem}.bank-hero>strong{font-size:3.2rem}.auth form{grid-template-columns:1fr}.welcome,.section-head{display:block}.quiet{margin-top:1rem}.tiles{grid-template-columns:1fr 1fr}.rules div{grid-template-columns:1fr}.ledger-row{grid-template-columns:1fr auto}.ledger-row time{display:none}}
