:root{--bg:#07121d;--panel:#101c2b;--panel2:#172638;--text:#f5f7fb;--muted:#a8b5c7;--yellow:#ffc21c;--green:#34d074;--blue:#5ec6ff;--line:#27364a}*{box-sizing:border-box}body{margin:0;background:linear-gradient(120deg,#06111c,#0a1b25 60%,#11281f);font-family:Inter,system-ui,Arial,sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}.topbar{height:72px;background:#07101b;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid #1e2b3c;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;background:#fff;border-radius:12px;display:grid;place-items:center}.brand b{font-size:22px}.brand small{display:block;text-transform:uppercase;color:#a8b5c7;font-size:11px;letter-spacing:.06em}nav{display:flex;gap:18px;align-items:center;font-weight:800}.nav-btn,.btn{background:linear-gradient(180deg,#ffd247,#ffb400);color:#08111b;border:0;border-radius:10px;padding:14px 22px;font-weight:900;display:inline-block}.btn.ghost{background:#fff;color:#102033}.landing{padding:38px}.hero{min-height:560px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}.eyebrow{color:#59d885;font-weight:900}.hero h1{font-size:56px;line-height:1;margin:0 0 20px}.lead{font-size:20px;line-height:1.5;color:#dce8f5;max-width:600px}.hero-actions{display:flex;gap:14px;margin:30px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article,.page,.auth-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px;box-shadow:0 16px 50px rgba(0,0,0,.25)}.cards span{font-size:36px}.hero-preview{height:440px;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(#bfefff 0 42%,#9fd16f 43% 100%);box-shadow:0 30px 80px rgba(0,0,0,.35)}.preview-mountains{position:absolute;inset:80px 0 auto 0;height:130px;background:linear-gradient(135deg,transparent 20%,#8eb0c7 21% 45%,transparent 46%),linear-gradient(45deg,transparent 35%,#708fa7 36% 65%,transparent 66%);opacity:.55}.preview-city{position:absolute;left:18%;right:8%;top:160px;height:90px;background:repeating-linear-gradient(90deg,#6f8798 0 22px,transparent 22px 38px);opacity:.5}.preview-ground{position:absolute;inset:auto 0 0 0;height:230px;background:#83bd5d}.pv{position:absolute;font-size:54px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.25))}.school{left:40%;top:28%}.lib{left:25%;top:42%}.park{left:70%;top:35%}.bus{left:55%;bottom:18%}.kids{left:25%;bottom:15%;font-size:34px}.auth{min-height:70vh;display:grid;place-items:center}.auth-card{width:min(420px,94vw);display:flex;flex-direction:column;gap:14px}.auth-card input,.hkc-box select,.hkc-box textarea{width:100%;padding:14px;border-radius:10px;border:1px solid #d9e3ef}.error{background:#ffdddd;color:#7b0000;padding:10px;border-radius:8px}.page{margin:40px auto;max-width:960px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #314257;text-align:left}.footer{padding:30px;text-align:center;color:#aab6c8;display:flex;gap:12px;justify-content:center}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:38px}.cards{grid-template-columns:1fr}.topbar{padding:0 12px}.topbar nav{gap:10px;font-size:13px;overflow:auto}.hero-preview{height:330px}.landing{padding:18px}}