:root{--page-bg:#0a1d3a;--panel:#102c50;--panel-soft:rgba(255,255,255,.065);--orange:#ff9812;--orange-soft:#ffd08a;--white:#f4f8ff;--muted:#bfd0e4;--line:rgba(255,152,18,.34)}
*{box-sizing:border-box}
html{background:var(--page-bg);color-scheme:dark}
body{margin:0;max-width:none;min-height:100vh;background:linear-gradient(180deg,#06172f,#0a1d3a 24%,#132b4b);color:var(--white);font:400 16px/1.65 Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:inherit}
.container{width:min(100% - 32px,980px);margin-inline:auto}
.site-header{padding:14px 0 8px;background:rgba(4,16,35,.88)}
.brand{display:block;width:220px;max-width:55vw;margin:auto}
.brand img{display:block;width:100%}
.main-nav{position:sticky;top:0;z-index:20;border-block:1px solid var(--line);background:rgba(3,16,35,.94);backdrop-filter:blur(10px)}
.main-nav .container{display:flex;justify-content:center;gap:6px;padding:8px 0}
.main-nav a{padding:8px 20px;border-radius:9px;text-decoration:none;font-weight:800}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:#07182d;background:var(--orange)}
.breadcrumbs{display:flex;gap:9px;align-items:center;padding:20px 0 8px;color:var(--muted);font-size:14px}
.breadcrumbs a{color:var(--orange-soft)}
.hero{padding:34px clamp(22px,5vw,54px);border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 85% 5%,rgba(0,174,255,.22),transparent 38%),linear-gradient(145deg,rgba(255,152,18,.14),rgba(255,255,255,.055));box-shadow:0 18px 40px rgba(0,0,0,.22)}
.eyebrow{margin:0 0 5px;color:var(--orange-soft);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
h1,h2,h3{margin-top:0;color:var(--orange);line-height:1.25}
h1{margin-bottom:12px;font-size:clamp(32px,6vw,52px)}
h2{font-size:clamp(25px,4vw,34px)}
h3{margin-bottom:8px;font-size:20px}
.lead{max-width:720px;margin:0;color:#e4edf8;font-size:19px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:2px solid var(--orange);border-radius:12px;background:var(--orange);color:#07182d;text-decoration:none;font-weight:900;box-shadow:0 8px 24px rgba(255,152,18,.22);transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(255,152,18,.36)}
.btn.secondary{background:transparent;color:var(--white)}
.section{padding:42px 0 0}
.section>p:first-of-type{margin-top:-8px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:var(--panel-soft)}
.card p{margin:0;color:var(--muted)}
.steps{display:grid;gap:11px;margin:0;padding:0;counter-reset:steps;list-style:none}
.steps li{position:relative;padding:16px 18px 16px 62px;border-radius:13px;background:var(--panel-soft);color:#e5eef9}
.steps li::before{counter-increment:steps;content:counter(steps);position:absolute;left:16px;top:13px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#08182d;font-weight:900}
.notice{margin-top:18px;padding:16px 18px;border-left:4px solid var(--orange);border-radius:6px 12px 12px 6px;background:rgba(255,152,18,.1);color:#f4dfc2}
.content-copy{padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:var(--panel-soft)}
.content-copy p:first-child{margin-top:0}.content-copy p:last-child{margin-bottom:0}
.info-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
.info-table{width:100%;border-collapse:collapse;background:var(--panel-soft)}
.info-table th,.info-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}
.info-table th{width:34%;color:var(--orange-soft)}
.faq details{margin:11px 0;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:var(--panel-soft)}
.faq summary{cursor:pointer;color:#fff;font-weight:800}
.faq details p{margin:12px 0 0;color:var(--muted)}
.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.related-links a{padding:10px 14px;border:1px solid var(--line);border-radius:9px;color:var(--orange-soft);text-decoration:none;font-weight:700}
.site-footer{margin-top:52px;padding:28px 0;border-top:1px solid var(--line);background:rgba(3,14,31,.75);text-align:center;color:var(--muted)}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-bottom:9px}.footer-links a{color:var(--orange-soft);font-weight:700}
@media(max-width:700px){.container{width:min(100% - 24px,980px)}.brand{width:190px}.main-nav .container{gap:3px}.main-nav a{padding:9px 15px;font-size:15px}.hero{padding:26px 20px}.lead{font-size:17px}.actions{display:grid;grid-template-columns:1fr}.btn{min-height:56px;font-size:17px}.cards{grid-template-columns:1fr}.section{padding-top:34px}.info-table th{width:40%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn{transition:none}}