:root {
  color-scheme: dark;
  --bg-deep: #07151f;
  --bg-page: #0b1f2b;
  --panel: rgba(16, 43, 56, 0.84);
  --panel-soft: rgba(22, 56, 68, 0.76);
  --ice: #bceff4;
  --cyan: #34c6d3;
  --aurora: #65d6b4;
  --gold: #e5bd68;
  --text-primary: #f4fbfc;
  --text-secondary: #a9c1c8;
  --border: rgba(174, 226, 232, 0.18);
  --shadow: 0 28px 90px rgba(0, 0, 0, 0.34);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text-primary);
  background:
    radial-gradient(circle at 70% 10%, rgba(72, 210, 193, 0.14), transparent 32%),
    radial-gradient(circle at 15% 5%, rgba(62, 170, 210, 0.12), transparent 28%),
    linear-gradient(180deg, #07151f 0%, #0b202b 55%, #081720 100%);
  font-family: Inter, Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 3px solid rgba(101, 214, 180, .5); outline-offset: 3px; }
h1,h2,h3,p { margin-top: 0; }
.guide-shell { width: min(1120px, 100%); margin: 0 auto; padding: clamp(18px, 3vw, 42px); }
.guide-header { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:22px; }
.brand-lockup { display:flex; align-items:center; gap:12px; min-width:0; }
.brand-lockup img { border:1px solid rgba(188,239,244,.24); border-radius:14px; background:rgba(236,245,246,.08); box-shadow:0 16px 34px rgba(0,0,0,.24); }
.brand-lockup small,.brand-lockup strong { display:block; }
.brand-lockup small { color:var(--text-secondary); font-weight:780; }
.brand-lockup strong { margin-top:2px; font-size:clamp(21px,3vw,30px); line-height:1.05; }
.header-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.ghost-link,.language-switch { min-height:38px; padding:9px 13px; color:var(--ice); background:rgba(236,245,246,.06); border:1px solid rgba(188,239,244,.16); border-radius:999px; font-size:13px; font-weight:900; }
.language-switch { display:flex; gap:5px; padding:4px; }
.language-switch a { min-width:44px; padding:7px 10px; color:var(--text-secondary); border-radius:999px; text-align:center; }
.language-switch a[aria-current="page"] { color:#03171d; background:linear-gradient(135deg,var(--aurora),var(--cyan)); }
.hero, .section-card, .faq-card, .cta-card { background:var(--panel); border:1px solid var(--border); border-radius:22px; box-shadow:var(--shadow); }
.hero { display:grid; gap:15px; padding:clamp(26px,5vw,50px); }
.eyebrow { margin:0; color:var(--aurora); font-size:13px; font-weight:920; letter-spacing:.08em; text-transform:uppercase; }
.hero h1 { max-width:900px; margin-bottom:0; font-size:clamp(38px,7vw,72px); line-height:1; }
.hero .lead { max-width:830px; margin-bottom:0; color:var(--text-secondary); font-size:clamp(16px,2vw,20px); font-weight:720; line-height:1.6; }
.meta-line { color:var(--text-secondary); font-size:13px; font-weight:800; }
.quick-nav { display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.quick-nav a { padding:9px 12px; color:var(--ice); background:rgba(52,198,211,.1); border:1px solid rgba(52,198,211,.26); border-radius:999px; font-size:13px; font-weight:850; }
.guide-content { display:grid; gap:22px; margin-top:22px; }
.section-card, .faq-card { padding:clamp(20px,4vw,34px); }
.section-card h2, .faq-card h2 { margin-bottom:12px; font-size:clamp(27px,4vw,40px); line-height:1.12; }
.section-card h3 { margin:24px 0 9px; color:var(--ice); font-size:21px; }
.section-card p, .section-card li, .faq-card p { color:var(--text-secondary); font-size:16px; font-weight:650; line-height:1.68; }
.section-card ol, .section-card ul { margin:12px 0 0; padding-left:23px; }
.section-card li + li { margin-top:8px; }
.visual { display:block; width:100%; height:auto; margin:20px 0 8px; border:1px solid rgba(188,239,244,.17); border-radius:18px; background:#07151f; }
.notice { margin-top:18px; padding:15px 17px; color:var(--ice); background:rgba(101,214,180,.08); border:1px solid rgba(101,214,180,.25); border-radius:14px; font-weight:750; line-height:1.6; }
.warning { background:rgba(229,189,104,.08); border-color:rgba(229,189,104,.28); }
.official-link { color:var(--aurora); text-decoration:underline; text-underline-offset:3px; }
.reason-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.reason-item { padding:16px; background:var(--panel-soft); border:1px solid rgba(188,239,244,.14); border-radius:15px; }
.reason-item strong { display:block; margin-bottom:5px; color:var(--ice); }
.reason-item p { margin:0; font-size:14px; }
.faq-list { display:grid; gap:10px; }
details { background:var(--panel-soft); border:1px solid rgba(188,239,244,.14); border-radius:14px; }
summary { cursor:pointer; padding:16px 18px; color:var(--ice); font-weight:900; }
details p { padding:0 18px 17px; margin:0; }
.cta-card { display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; padding:clamp(22px,4vw,34px); }
.cta-card h2 { margin-bottom:8px; font-size:clamp(27px,4vw,38px); }
.cta-card p { margin-bottom:0; color:var(--text-secondary); font-weight:650; line-height:1.6; }
.cta-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.primary-btn,.secondary-btn { min-height:44px; padding:11px 16px; border-radius:999px; font-size:14px; font-weight:950; }
.primary-btn { color:#03171d; background:linear-gradient(135deg,var(--aurora),var(--cyan)); }
.secondary-btn { color:var(--ice); background:rgba(236,245,246,.06); border:1px solid rgba(188,239,244,.18); }
.guide-footer { margin-top:28px; padding:18px 8px 4px; color:var(--text-secondary); text-align:center; font-size:12px; font-weight:750; line-height:1.5; }
@media (max-width:760px) {
  .guide-header { align-items:flex-start; flex-direction:column; }
  .header-actions { justify-content:flex-start; width:100%; }
  .ghost-link { flex:1 1 auto; text-align:center; }
  .reason-grid { grid-template-columns:1fr; }
  .cta-card { grid-template-columns:1fr; }
  .cta-actions { justify-content:flex-start; }
}
/* Premium WOS Forge mark */
.brand-lockup img{object-fit:contain;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 5px 8px rgba(0,0,0,.38));}