
:root{
 --bg:#07131f;--header:#081a2d;--panel:#0d2137;--card:#ffffff;--ink:#1a2634;
 --muted:#617084;--line:#e2e8f0;--primary:#238bd2;--secondary:#5b66f4;
 --soft:#edf7ff;--nav:#0b1e33;--white:#fff;--success:#16a085;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f5f7fb;color:var(--ink);font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;line-height:1.72}
a{color:#1672b7;text-decoration:none}a:hover{text-decoration:underline}
.site-top{background:linear-gradient(135deg,#071526,#102b48);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.top-inner{max-width:1180px;margin:auto;padding:22px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;min-width:260px}.logo img{display:block;width:330px;max-width:100%;height:auto}
.company{font-size:.86rem;color:#c7d5e4;text-align:right;line-height:1.45}
.lang-switch{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.lang-switch a{color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:5px 11px;font-size:.78rem}
.lang-switch a.active,.lang-switch a:hover{background:#248bd1;border-color:#248bd1;text-decoration:none}
.main-nav{background:var(--nav);border-top:1px solid rgba(255,255,255,.06);box-shadow:0 4px 14px rgba(0,0,0,.16)}
.nav-inner{max-width:1180px;margin:auto;display:flex;align-items:center;gap:4px;padding:0 18px;overflow:auto}
.nav-inner a{color:#d9e7f5;white-space:nowrap;padding:14px 11px;font-size:.82rem;border-bottom:3px solid transparent}
.nav-inner a:hover,.nav-inner a.current{color:#fff;border-bottom-color:#29a9f0;text-decoration:none}
.hero{background:linear-gradient(135deg,#0b223b,#133f66);color:#fff}
.hero-inner{max-width:1180px;margin:auto;padding:44px 22px}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:700;color:#7ed2ff}
h1{font-size:2.2rem;line-height:1.18;margin:8px 0 10px}
.hero p{max-width:820px;margin:0;color:#d4e5f4}
.layout{max-width:1180px;margin:28px auto 44px;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;align-items:start}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:38px 42px;box-shadow:0 8px 28px rgba(25,45,70,.06)}
.docmeta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.84rem;padding-bottom:20px;border-bottom:1px solid var(--line)}
.notice{background:var(--soft);border-left:4px solid var(--primary);padding:15px 18px;border-radius:5px;margin:22px 0;color:#24435d}
.warning{background:#fff8e8;border-left:4px solid #d89312;padding:15px 18px;border-radius:5px;margin:22px 0}
h2{font-size:1.31rem;line-height:1.35;color:#103b61;margin:35px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
h3{font-size:1.05rem;color:#204d70;margin-top:25px}
p,li{font-size:.96rem}
ul,ol{padding-left:24px}
.side{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 8px 28px rgba(25,45,70,.05);position:sticky;top:18px}
.side h2{margin:0 0 13px;font-size:1.03rem;border:0;padding:0}
.side a{display:block;padding:9px 7px;border-bottom:1px solid #eef2f6;font-size:.86rem}
.side a:last-child{border:0}
.side .support{display:block;margin-top:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-align:center;border-radius:7px;padding:11px 13px;font-weight:700}
.site-footer{background:#071525;color:#aec0d1;padding:34px 22px}
.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;font-size:.86rem}
.site-footer strong{color:#fff}.site-footer a{color:#7dcdf7}
@media(max-width:860px){
 .top-inner{display:block}.company{text-align:left;margin-top:12px}.lang-switch{justify-content:flex-start}
 .layout{grid-template-columns:1fr}.side{position:static}.legal-card{padding:28px 22px}
 .footer-inner{grid-template-columns:1fr}h1{font-size:1.8rem}
}
@media(max-width:520px){.logo img{width:280px}.hero-inner{padding:34px 18px}.layout{padding:0 12px}.nav-inner{padding:0 7px}}
@media print{.main-nav,.side,.lang-switch{display:none}.layout{display:block;margin:0;max-width:none}.legal-card{box-shadow:none;border:0;padding:15px}.site-top,.hero{background:#fff;color:#000}.hero p,.company{color:#333}}
