:root{
  --navy:#050d1a; --blue:#2a5fff; --blue-light:#6aadff;
  --ink:#0d1f3f; --slate:#445575; --mist:#8090b0;
  --paper:#ffffff; --paper2:#f5f8fd; --line:#e2e8f4;
  --display:'Sora',sans-serif; --body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--body);color:var(--ink);background:var(--paper2);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:840px;margin:0 auto;padding:0 28px;}

header{background:var(--navy);border-bottom:1px solid rgba(42,95,255,0.25);position:sticky;top:0;z-index:10;}
header .wrap{max-width:1160px;display:flex;align-items:center;justify-content:space-between;height:80px;}
.brand{height:56px;width:auto;display:block;}
.back{color:#c5d4ee;font-size:14px;font-weight:500;}
.back:hover{color:#fff;text-decoration:none;}

.doc{background:#fff;margin:40px auto 60px;border:1px solid var(--line);border-radius:16px;padding:48px 52px;box-shadow:0 16px 40px rgba(13,45,94,0.06);}
.doc h1{font-family:var(--display);font-size:32px;font-weight:800;letter-spacing:-0.8px;color:var(--ink);margin-bottom:6px;}
.updated{color:var(--mist);font-size:13px;}
.ruo{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:14px 18px;font-size:13.5px;color:#7c4a12;margin:22px 0 28px;}
.ruo strong{color:#9a3412;}
.doc h2{font-family:var(--display);font-size:19px;font-weight:700;color:var(--ink);margin:30px 0 10px;}
.doc p{margin-bottom:14px;color:var(--slate);}
.doc ul{margin:0 0 14px 22px;color:var(--slate);}
.doc li{margin-bottom:7px;}
.doc strong{color:var(--ink);}
.doc .contact{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--slate);}

footer{background:var(--navy);color:#7e93b8;padding:28px 0;font-size:12.5px;}
footer .wrap{max-width:1160px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
footer .links a{color:#9fb3d6;margin-right:20px;}
footer .ruo-line{color:#8da3c8;font-weight:600;letter-spacing:0.3px;}

@media(max-width:600px){
  .doc{padding:32px 24px;}
  header .wrap{height:68px;}
  .brand{height:48px;}
}