/* Golf Kingdom marketing + support site — static, no build step. Palette mirrors the game's Clash kit. */
:root{--navy:#14304a;--navy2:#0f2236;--gold:#E7B23C;--gold-dark:#b8860b;--cream:#f6ecd4;--paper:#fffaf0;--green:#3AAE3F;--ink:#1d2b3a;--muted:#5b7a96}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}
a{color:var(--navy)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:5;background:rgba(20,48,74,.96);color:#fff;backdrop-filter:blur(6px)}
header.top .wrap{display:flex;align-items:center;gap:14px;height:62px}
header.top img{width:38px;height:38px;border-radius:10px}
header.top .brand{font-weight:900;font-size:19px;letter-spacing:.2px;color:#fff;text-decoration:none}
header.top nav{margin-left:auto;display:flex;gap:18px;font-weight:800;font-size:14px}
header.top nav a{color:#dbe7f3;text-decoration:none}
header.top nav a:hover{color:var(--gold)}
.hero{position:relative;color:#fff;min-height:520px;display:flex;align-items:center;background:#0d2236 url(assets/loading-1.jpg) center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,42,.25),rgba(10,26,42,.78))}
.hero .wrap{position:relative;padding:70px 20px}
.hero h1{font-size:clamp(34px,6vw,60px);line-height:1.05;margin:0 0 14px;font-weight:900;text-shadow:0 3px 14px rgba(0,0,0,.45)}
.hero h1 span{color:var(--gold)}
.hero p{font-size:clamp(16px,2.2vw,20px);max-width:560px;margin:0 0 26px;color:#eef4fb;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;font-weight:900;text-decoration:none;font-size:16px;border:2px solid transparent;transition:transform .12s}
.btn:hover{transform:translateY(-1px)}
.btn.gold{background:linear-gradient(180deg,#f3c95a,#e0a83c);color:#3a2a0a;box-shadow:0 4px 0 #9a7020}
.btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
.btn.navy{background:var(--navy);color:#fff;box-shadow:0 4px 0 #081727}
.badges{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pill{display:inline-block;background:rgba(231,178,60,.18);border:1px solid rgba(231,178,60,.55);color:#ffe4a3;font-weight:800;font-size:13px;padding:5px 12px;border-radius:999px;margin-bottom:16px}
section{padding:64px 0}
section h2{font-size:clamp(26px,4vw,36px);margin:0 0 8px;color:var(--navy);font-weight:900}
section .lead{color:var(--muted);font-weight:700;margin:0 0 28px;max-width:640px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:var(--paper);border:2px solid rgba(20,48,74,.12);border-radius:18px;padding:22px;box-shadow:0 6px 0 rgba(20,48,74,.06)}
.card .ic{font-size:34px;line-height:1;margin-bottom:10px}
.card h3{margin:0 0 6px;color:var(--navy);font-size:19px}
.card p{margin:0;color:#3c4f63;font-size:15px}
.major{background:linear-gradient(180deg,#0f2236,#14304a);color:#fff}
.major h2{color:#fff}
.major .lead{color:#c7d6e6}
.pot{display:inline-block;background:linear-gradient(180deg,rgba(94,196,255,.28),rgba(94,196,255,.1));border:2px solid rgba(255,255,255,.18);border-radius:16px;padding:14px 22px;font-weight:900;font-size:26px;margin:6px 0 18px}
.major .grid .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none;color:#fff}
.major .grid .card h3{color:var(--gold)} .major .grid .card p{color:#dbe7f3}
.share{background:#eaf3e6}
footer{background:var(--navy2);color:#b9c8d8;padding:34px 0;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
footer a{color:#dbe7f3;text-decoration:none;font-weight:700}
footer .legal{width:100%;font-size:12px;color:#7f93a8}
.doc{max-width:760px;margin:0 auto;padding:40px 20px 70px}
.doc h1{color:var(--navy);font-size:34px;margin:0 0 4px}
.doc .date{color:var(--muted);font-weight:700;margin-bottom:26px}
.doc h2{font-size:20px;color:var(--navy);margin:28px 0 8px}
.doc p,.doc li{font-size:16px;color:#2b3a4a}
.doc .box{background:var(--paper);border:2px solid rgba(20,48,74,.12);border-radius:14px;padding:16px 18px;margin:16px 0}
details{background:var(--paper);border:2px solid rgba(20,48,74,.12);border-radius:14px;padding:12px 16px;margin:10px 0}
summary{font-weight:900;color:var(--navy);cursor:pointer;font-size:16px}
details p{margin:8px 0 2px}
.course-card{background:var(--paper);border:3px solid var(--gold);border-radius:20px;padding:26px;max-width:520px;margin:0 auto 34px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.course-card h2{margin:0 0 6px}
.course-card .btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}
@media (max-width:640px){header.top nav{gap:12px;font-size:13px} .hero{min-height:440px}}