:root{--navy:#10223f;--navy2:#1b3764;--gold:#a67c2e;--bg:#f5f6f9;--text:#1c2433;--muted:#566175;--line:#d9dee8}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.7 Inter,"Segoe UI",system-ui,Arial,sans-serif;color:var(--text);background:var(--bg)}
h1,h2,h3,h4{font-family:"Playfair Display",Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.25;margin:0 0 .5em}
a{color:var(--navy2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.top{background:var(--navy);color:#c9d3e6;font-size:13px}.top .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding-top:7px;padding-bottom:7px}.top a{color:#fff}
header{background:#fff;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:20}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.brand:hover{text-decoration:none}
.logo img{height:52px;width:auto;display:block}.mm{width:52px;height:52px;border:2px solid var(--navy);border-radius:50%;place-items:center;font:700 19px "Playfair Display",Georgia,serif;color:var(--navy);letter-spacing:-1px}
.brand b{display:block;font:700 19px/1.2 "Playfair Display",Georgia,serif}.brand small{display:block;font-size:11px;letter-spacing:1.2px;color:var(--muted)}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
nav a{display:block;padding:10px 14px;font-size:14px;font-weight:600;color:var(--navy);border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current]{border-color:var(--gold);text-decoration:none}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:6px;padding:8px 11px;font-size:20px;color:var(--navy);cursor:pointer}
.hero{background:linear-gradient(125deg,var(--navy),var(--navy2));color:#fff;padding:72px 0}
.hero h1{color:#fff;font-size:clamp(28px,4.5vw,44px);max-width:760px}.hero p{max-width:640px;color:#d3dbec;font-size:18px;margin:0 0 26px}
.phead{background:linear-gradient(125deg,var(--navy),var(--navy2));padding:44px 0}.phead h1{color:#fff;margin:0;font-size:clamp(26px,4vw,36px)}.phead p{color:#d3dbec;margin:8px 0 0}
.btn{display:inline-block;padding:12px 24px;border:2px solid var(--gold);background:var(--gold);color:#fff;font:600 15px Inter,Arial,sans-serif;border-radius:4px;cursor:pointer}.btn:hover{text-decoration:none;filter:brightness(1.1)}.btn.o{background:transparent;margin:0 0 0 8px}
section{padding:52px 0}.alt{background:#fff}
h2.t{font-size:28px}h2.t::after{content:"";display:block;width:56px;height:3px;background:var(--gold);margin-top:10px}.sub{color:var(--muted);margin:0 0 28px;max-width:720px}
.grid{display:grid;gap:20px}.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px}.alt .card{background:var(--bg)}
.card h3{font-size:19px}.card p{margin:0;color:var(--muted);font-size:15px}.card .n{font:700 30px "Playfair Display",Georgia,serif;color:var(--gold)}
.hl{border-left:4px solid var(--gold)}
.live{font:600 12px Inter,Arial,sans-serif;background:#e6f3ea;color:#1b6a3a;padding:2px 10px;border-radius:99px;margin-left:8px;vertical-align:middle}
.today{display:block;background:var(--navy);color:#fff;border-radius:4px;padding:16px 18px;margin:14px 0}.today:hover{text-decoration:none;filter:brightness(1.15)}.today b{display:block;font:700 19px "Playfair Display",Georgia,serif}.today span{font-size:13px;color:#c9d3e6}
ul.l{list-style:none;margin:0;padding:0}ul.l li a{display:flex;justify-content:space-between;gap:8px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:15px}
label{display:block;font-size:14px;font-weight:600;margin:12px 0 4px}input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:4px;font:inherit;font-size:16px;background:#fff}
.res{margin-top:14px;background:var(--bg);border-radius:4px;padding:12px}.res div{display:flex;justify-content:space-between;padding:3px 0}
.note{font-size:13px;color:var(--muted);margin-top:10px}details{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 18px;margin-bottom:10px}summary{cursor:pointer;font-weight:600;color:var(--navy)}details p{margin:10px 0 0;color:var(--muted)}
.legal h3{font-size:17px;margin-top:20px}.legal p{color:var(--muted);font-size:15px;margin:0 0 8px}
footer{background:var(--navy);color:#c9d3e6;padding:40px 0 0;font-size:14px}footer h4{color:#fff;font-size:17px}footer a{color:#c9d3e6}footer ul{list-style:none;margin:0;padding:0}footer li{padding:3px 0}
.copy{border-top:1px solid #2b4474;margin-top:28px;padding:14px 0;text-align:center;font-size:13px}
@media(max-width:820px){.burger{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--gold)}nav.open{display:block}nav ul{flex-direction:column;padding:8px 20px}nav a{padding:13px 4px;border-bottom:1px solid var(--line)}header .wrap{position:relative}.brand small{display:none}.hero{padding:48px 0}.btn.o{margin:10px 0 0}section{padding:38px 0}}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:100}
.logo img{border-radius:4px}
.slider{display:grid;position:relative;color:#fff;overflow:hidden;background:var(--navy)}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s;padding:78px 0 100px;background:radial-gradient(circle at 85% 20%,rgba(166,124,46,.25),transparent 45%),linear-gradient(125deg,var(--navy),var(--navy2))}
.slide.s2{background:radial-gradient(circle at 15% 80%,rgba(166,124,46,.22),transparent 45%),linear-gradient(235deg,var(--navy),#23487f)}
.slide.s3{background:radial-gradient(circle at 80% 85%,rgba(166,124,46,.22),transparent 45%),linear-gradient(160deg,#0c1a31,var(--navy2))}
.slide.on{opacity:1;visibility:visible}
.sl{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.stxt h1,.stxt h2{color:#fff;font-size:clamp(28px,4.4vw,44px);margin-bottom:.4em}.stxt p{color:#d3dbec;font-size:18px;margin:0 0 26px;max-width:600px}
.eyebrow{display:inline-block;font:600 12px Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#e2c27d;border-bottom:1px solid var(--gold);padding-bottom:4px;margin-bottom:16px}
.sart svg{width:100%;max-width:400px;display:block;margin:0 auto}
.sarr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(16,34,63,.45);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:2}.sarr:hover{background:var(--gold)}.prev{left:14px}.next{right:14px}
.dots{position:absolute;left:0;right:0;bottom:58px;display:flex;justify-content:center;gap:10px;z-index:2}.dots button{width:11px;height:11px;border-radius:99px;border:1px solid #fff;background:transparent;padding:0;cursor:pointer;transition:width .3s}.dots button.on{background:var(--gold);border-color:var(--gold);width:30px}
.quick{margin-top:-42px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.quick a{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 24px rgba(16,34,63,.12);font-weight:600;color:var(--navy);transition:transform .2s}.quick a:hover{text-decoration:none;transform:translateY(-3px)}.quick small{display:block;font-weight:400;color:var(--muted);font-size:12px}.quick i{font-style:normal;font-size:26px}
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}
.cta{background:linear-gradient(125deg,var(--navy),var(--navy2));border-radius:6px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.cta h2{color:#fff;margin:0 0 4px;font-size:24px}.cta p{margin:0;color:#d3dbec}
.wa{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#1f9d55;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:40}.wa svg{width:28px;height:28px;fill:#fff}
.up{position:fixed;right:22px;bottom:84px;width:46px;height:46px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s;z-index:40}.up.show{opacity:1;pointer-events:auto}
.ck{position:fixed;left:16px;right:16px;bottom:16px;max-width:720px;margin:0 auto;background:var(--navy);color:#e3e9f5;padding:14px 18px;border-radius:6px;display:flex;gap:16px;align-items:center;z-index:60;box-shadow:0 10px 30px rgba(0,0,0,.35)}.ck p{margin:0;font-size:14px}.ck a{color:#e2c27d}.ck .btn{padding:8px 16px;white-space:nowrap}
.legal-d{border:0;border-radius:8px;padding:0;max-width:760px;width:calc(100% - 32px);max-height:85vh;overflow:hidden}.legal-d::backdrop{background:rgba(16,34,63,.7)}
.dh{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:3px solid var(--gold);background:#fff}.dh h2{margin:0;font-size:22px}.dx{border:0;background:none;font-size:32px;line-height:1;cursor:pointer;color:var(--navy)}
.db{padding:6px 22px 22px;overflow:auto;max-height:calc(85vh - 72px)}.db h3{font-size:17px;margin:18px 0 6px}.db p{color:var(--muted);font-size:15px;margin:0 0 8px}
@media(max-width:820px){.sl{grid-template-columns:1fr}.sart,.sarr{display:none}.slide{padding:46px 0 92px}.quick{margin-top:-32px}.ck{flex-direction:column;align-items:flex-start}.cta{padding:24px}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.slide{transition:none}html{scroll-behavior:auto}}
.brand b{font:800 23px/1.15 "Playfair Display",Georgia,"Times New Roman",serif;letter-spacing:.2px;color:var(--navy);-webkit-font-smoothing:antialiased}
.brand small{font-size:11.5px;font-weight:600;letter-spacing:1.3px;color:#3d4a60;margin-top:2px}
nav a{font-weight:700}
@media(max-width:820px){.brand b{font-size:20px}.logo img{height:46px}}
@media(max-width:820px){.top #bugun{display:none}.top .wrap{font-size:12px;justify-content:center}.brand small{display:block;font-size:9.5px;letter-spacing:.6px}.ck{padding:12px 14px;gap:10px;left:10px;right:10px;bottom:10px}.ck p{font-size:13px}.wa{width:48px;height:48px;bottom:14px;right:14px}.up{bottom:72px;right:16px}}
