/* SB Soccer legal pages — BN Soccer layout in SB's sky-blue/navy/red palette */
:root{--bg:#f3f8fd;--ink:#0a2b50;--sub:#56728c;--blue:#178ed7;--blue-deep:#07568c;--red:#eb433b;--border:#dbe9f4;--highlight:#e5f5ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:#087bbb;text-underline-offset:3px;overflow-wrap:anywhere}a:hover{color:#05517a}a:focus-visible{outline:3px solid #3aa9ed;outline-offset:3px}
.top{background:#08274e;padding:18px max(22px,calc((100vw - 900px)/2));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:3px solid #31a9ea}
.brand{font-weight:900;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand img{height:38px;width:38px;object-fit:cover;border-radius:10px;background:#0b81bb;border:1px solid #84c6f2}
.back{color:#fff;text-decoration:none;font-size:13px;font-weight:700;text-align:right}
main{max-width:900px;margin:35px auto;padding:35px;background:white;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 30px #0e497408}
h1{font-size:32px;line-height:1.2;letter-spacing:-.6px;margin:0 0 20px}
h2{font-size:20px;margin:32px 0 10px;color:var(--blue-deep);line-height:1.4}
h3{font-size:17px;margin:24px 0 8px;color:var(--ink)}
p{margin:12px 0}ul{padding-left:24px}li{padding:4px 0}
.notice{background:#e8f6ff;border:1px solid #bfe2fa;border-radius:10px;padding:14px 18px}
.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:900;color:#168bcf;text-transform:uppercase;margin-bottom:12px}
footer{text-align:center;padding:28px 20px 34px;color:#758fa7;font-size:13px}
.footer-nav{display:flex;justify-content:center;gap:10px 17px;flex-wrap:wrap;margin-top:10px}
.footer-nav a{color:#176d9f}
/* BN Soccer developer hero and card system adapted for SB Soccer */
.developer-hero{background:linear-gradient(115deg,#08274e,#1166a7 53%,#2eb8e8);color:#fff;padding:60px 22px;border-bottom:3px solid #ee5248}
.developer-header{max-width:900px;margin:auto;display:flex;align-items:center;gap:30px}
.developer-header img{width:125px;height:125px;object-fit:cover;border-radius:26px;background:#137fc1;padding:6px;border:1px solid #99d5f7;box-shadow:0 18px 34px #0006}
.developer-header h1{font-size:clamp(34px,6vw,60px);margin:6px 0;color:#fff}
.developer-header p{color:#d1edff;margin:6px 0}
.kicker{font-size:12px;color:#b8e8ff;font-weight:900;letter-spacing:.14em}
.developer-main{border:none;background:transparent;margin:0 auto;padding:28px 18px;box-shadow:none}
.developer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.developer-card{background:white;padding:25px;border-radius:20px;border:1px solid var(--border);margin-bottom:18px;box-shadow:0 8px 25px #075d9d0a}
.developer-card small{color:var(--blue-deep);letter-spacing:.12em;font-weight:900}
.developer-card h2{color:var(--ink);margin:8px 0;font-size:23px}
.developer-card p{margin:8px 0;color:#4f6e87}
.cooperation{font-size:18px;font-weight:750;color:var(--ink)!important}
.email-link,.developer-links a{display:inline-block;background:#e8f6ff;border-radius:11px;padding:10px 13px;text-decoration:none;font-weight:800;overflow-wrap:anywhere}
.developer-links{display:flex;gap:10px;flex-wrap:wrap}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contact-card{margin:0;padding:22px;border:1px solid var(--border);background:#f8fcff;border-radius:14px}
.contact-card h2{margin:0 0 8px}.contact-card p{overflow-wrap:anywhere}.contact-card.wide{grid-column:1/-1}
@media(max-width:600px){main{margin:14px;padding:22px}h1{font-size:26px}.developer-header{flex-direction:column;text-align:center;gap:15px}.developer-header img{height:96px;width:96px}.developer-grid,.contact-grid{grid-template-columns:1fr}.contact-card.wide{grid-column:auto}.developer-hero{padding:40px 18px}.top{padding:12px 18px}}
