
:root{--bg:#080a15;--card:#141b2c;--stroke:#2a344b;--ink:#f8fbff;--muted:#c1cbdb;--accent:#74baff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0%,#223e5d 0%,transparent 40%),linear-gradient(180deg,#0b1020,#080b16);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}.wrap{width:min(920px,calc(100% - 32px));margin:auto}.topbar{padding:22px 0;display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.brand{font-weight:900;font-size:1.13rem}.back{color:#d0e6ff;border:1px solid var(--stroke);padding:8px 18px;border-radius:99px}.hero{border:1px solid var(--stroke);background:linear-gradient(130deg,#243453,#121a2a);border-radius:28px;padding:clamp(26px,5vw,60px);margin:20px 0 26px;position:relative;overflow:hidden}.hero:after{content:'✦';position:absolute;left:26px;top:15px;font-size:90px;color:#78b9f633;pointer-events:none}.tag{display:inline-block;background:#ffffff16;border:1px solid #ffffff29;border-radius:99px;padding:5px 14px;color:#cfe7ff;font-size:.85rem;font-weight:700}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.26;max-width:730px;margin:20px 0}.subtitle{color:#dfebf9;font-size:1.16rem;max-width:700px}.meta{color:#abc5df;font-size:.92rem}.content{background:#10182a;border:1px solid var(--stroke);padding:clamp(20px,4vw,50px);border-radius:26px}.content h2{font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.4;color:#e3f0ff;margin:34px 0 10px}.content h2:first-child{margin-top:0}.content p{color:#d9e1ee;font-size:1.075rem;margin:0 0 14px}.content .step{padding-right:14px;border-right:3px solid #74baff}.notice{padding:16px 22px;background:#1a2b40;border:1px solid #36577d;border-radius:14px;color:#dceaff;margin:25px 0}.next{margin:30px 0 50px}.next h2{font-size:1.65rem}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card{display:block;padding:22px;background:#151f32;border:1px solid #32445e;border-radius:18px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#84c9ff}.card strong{display:block;font-size:1.14rem;line-height:1.5}.card small{color:#acc2db}.footer{border-top:1px solid #2b364b;padding:25px 0 45px;color:#acbacd;text-align:center;font-size:.9rem}@media(max-width:650px){.cards{grid-template-columns:1fr}.topbar{padding:18px 0}.hero{margin-top:6px}.content p{font-size:1rem}}

.course-box{margin:34px 0 20px;padding:clamp(22px,4vw,36px);border:1px solid #619be5;border-radius:23px;background:linear-gradient(128deg,#183454,#162039);box-shadow:0 14px 32px #0002}.course-kicker{display:block;color:#a5d7ff;font-weight:800}.course-box h2{color:white;margin:10px 0}.course-box p{color:#e1edfc}.course-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;text-align:center;background:#7fc1ff;color:#07172b;font-weight:900;padding:12px 21px;border-radius:13px;margin:12px 0;transition:background .2s}.course-button:hover{background:#b3ddff}.course-box .course-small{font-size:.86rem;color:#b7cbe2;margin-bottom:0}.content ol{padding-right:25px;color:#d9e1ee}.content li{margin-bottom:8px}.references{font-size:.91rem;margin-top:25px}.references a{text-decoration:underline;color:#a8d4ff}.hero.security{background:linear-gradient(135deg,#4a263c,#141b2e)}@media(max-width:650px){.course-button{display:flex;width:100%}}
.breadcrumbs{font-size:.9rem;color:#c1cbdb;margin:0 0 18px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumbs li+li::before{content:"/";margin-inline-end:8px;color:#7e95b5}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.article-toc{padding:20px;background:#17263d;border:1px solid #36577d;border-radius:16px;margin-bottom:28px}.article-toc ul{padding-inline-start:22px;margin-bottom:0}.article-toc a{text-decoration:underline;text-underline-offset:4px;color:#cae4ff}.content h2{scroll-margin-top:24px}:focus-visible{outline:3px solid #abdfff;outline-offset:5px}a,p,h1,h2,h3{overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
