:root{--navy:#0d1c3e;--deep:#07132a;--ink:#182845;--muted:#596b88;--line:#dde6f3;--light:#f4f8ff;--blue:#3478e5;--blue2:#69a5ff;--gold:#d8bd82;--white:#fff;--shadow:0 16px 42px rgba(8,32,79,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff}a{color:#245fc2;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ecb84f;outline-offset:4px}img{max-width:100%;height:auto}button{font:inherit} .skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:8px 16px;background:white}.skip:focus{left:10px}
.container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8eff8;box-shadow:0 3px 16px rgba(5,22,53,.04)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.brand{color:#102349;text-decoration:none;display:flex;align-items:center;gap:11px;flex-shrink:0;line-height:1.1}.brand:hover{text-decoration:none}.brand-mark{width:42px;height:42px;background:linear-gradient(135deg,#1f59c8,#4c94f6);border-radius:12px;display:grid;place-items:center;color:white;font-size:18px;font-weight:900;box-shadow:0 7px 18px #3979de44}.brand-name{font-weight:900;font-size:20px;letter-spacing:-.5px}.brand-sub{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#61728e;font-weight:800;margin-top:3px}.nav{display:flex;align-items:center;gap:23px}.nav a{font-weight:750;font-size:13px;color:#2b3f62;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:#2465d1}.header-cta,.button-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2c65d7,#438df5);border:1px solid #407dec;padding:11px 17px;font-weight:800;text-decoration:none;box-shadow:0 9px 22px #3478e539}.header-cta{font-size:13px}.header-cta:hover,.button-primary:hover{color:white;text-decoration:none;filter:brightness(1.05)}.menu-toggle{display:none;cursor:pointer;border:1px solid #d9e5f6;background:white;border-radius:10px;padding:8px 12px;color:#13315f}
.hero{background:radial-gradient(800px 380px at 92% 4%,#2254ad77,transparent 70%),linear-gradient(112deg,#081630,#102954 70%,#12244e);color:white;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff15;border-radius:50%;right:-130px;top:-220px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff04;pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);align-items:center;gap:36px;padding:66px 0 62px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d7e7ff;background:#ffffff16;border:1px solid #a6c7ff38;border-radius:999px;font-size:12px;letter-spacing:.7px;font-weight:850;text-transform:uppercase;padding:6px 12px}.hero h1{font-size:clamp(32px,4.6vw,54px);line-height:1.12;letter-spacing:-1.8px;color:white;margin:20px 0 18px;max-width:730px}.hero h1 span{color:#8fc0ff}.hero p{font-size:17px;max-width:690px;line-height:1.75;color:#d8e4f9;margin:0 0 24px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#b8cbea;font-size:12px}.breadcrumbs a{color:#d6e6ff}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.button-light{display:inline-flex;border:1px solid #9fb9e677;color:#f5faff;font-weight:800;border-radius:12px;padding:11px 16px;background:#ffffff12}.button-light:hover{text-decoration:none;background:#ffffff20;color:white}.hero-meta{font-size:12px;color:#c0d4ef;display:flex;gap:18px;margin-top:20px;flex-wrap:wrap}.hero-visual{min-width:0;display:grid;place-items:center}.device-art{position:relative;width:min(100%,365px);padding:25px 14px;background:linear-gradient(145deg,#132c5b,#0a1733);border:1px solid #567eba80;border-radius:24px;box-shadow:0 24px 56px #020e25a8;transform:rotate(2deg)}.device-art:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff16;border-radius:17px}.device-screen{position:relative;border:1px solid #8ab9ff38;background:radial-gradient(circle at 75% 35%,#3e7fce66,transparent 60%),linear-gradient(135deg,#193c71,#0d2142);border-radius:15px;min-height:196px;padding:26px 24px;display:flex;flex-direction:column;justify-content:center}.screen-tag{font-size:11px;font-weight:900;color:#bed7fb;letter-spacing:1.8px;text-transform:uppercase}.screen-head{font-size:32px;font-weight:900;line-height:1.1;color:#fff;margin:10px 0 20px}.screen-lines{display:grid;gap:8px}.screen-lines span{display:block;background:#aacbf53c;border-radius:20px;height:8px}.screen-lines span:nth-child(2){width:80%}.screen-lines span:nth-child(3){width:60%;background:#d8bd825e}.device-foot{text-align:center;color:#a6c0e9;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;padding-top:16px;font-weight:800}
.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:43px;align-items:start;padding-block:52px 82px}.article{min-width:0}.intro{font-size:18px;color:#334866;line-height:1.95;margin-bottom:30px}.article h2{font-size:clamp(24px,2.7vw,31px);line-height:1.3;letter-spacing:-.7px;margin:46px 0 16px;color:#11274f;scroll-margin-top:110px}.article h3{color:#153262;font-size:20px;line-height:1.4;margin:24px 0 10px}.article p{margin:0 0 16px}.article ul,.article ol{padding-left:24px}.article li{margin-bottom:7px}.panel{background:#f5f9ff;border:1px solid #dbe8fa;border-radius:17px;padding:24px;margin:25px 0;box-shadow:0 6px 23px #0f306908}.panel h2,.panel h3{margin-top:0}.mini-title{font-size:12px;text-transform:uppercase;font-weight:900;color:#2e71dc;letter-spacing:1px;margin-bottom:8px}.quick-answer{border-left:4px solid #397fe8;padding:18px 22px;background:#f1f6ff;border-radius:0 14px 14px 0;font-size:17px;color:#254163}.steps{display:grid;gap:14px;margin:26px 0 12px}.step{position:relative;display:grid;grid-template-columns:44px 1fr;gap:17px;padding:20px;border:1px solid #dae6f5;border-radius:16px;background:#fff;box-shadow:0 5px 18px #163d7810}.step-num{display:grid;place-items:center;background:#e9f1ff;color:#205fd2;border:1px solid #cbddff;width:42px;height:42px;font-weight:900;border-radius:13px;font-size:15px}.step h3{margin:1px 0 6px;font-size:18px}.step p{font-size:15px;color:#4b5d77;margin:0;line-height:1.75}.table-wrap{overflow:auto;border:1px solid #dce6f3;border-radius:16px;margin:24px 0}table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}thead th{background:#102957;color:#fff;text-align:left;padding:15px 17px;font-weight:800}tbody td{padding:14px 17px;border-bottom:1px solid #e2eaf5;vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#f8fbff}.note{border:1px solid #ebdbae;background:#fffaf0;color:#6d5527;padding:18px 21px;border-radius:15px;margin:28px 0}.note strong{color:#664b1c}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check-item{border:1px solid #dfebf9;border-radius:12px;padding:13px 15px;background:white;font-size:14px;display:flex;gap:10px;align-items:flex-start}.check-icon{color:#19794d;font-weight:1000}.faq{display:grid;gap:11px}.faq details{border:1px solid #dce7f4;border-radius:13px;overflow:hidden;background:#fff}.faq summary{cursor:pointer;color:#1c3760;list-style:none;padding:16px 17px;font-weight:800;display:flex;justify-content:space-between;gap:14px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-weight:900;color:#3478e5;font-size:21px}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 17px 17px;margin:0;color:#4b5e7a}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0 0}.related a{border:1px solid #dce6f3;background:#f8fbff;border-radius:13px;padding:18px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5;color:#183b75;font-weight:800}.related a:hover{border-color:#4388e8;text-decoration:none;background:#eff6ff}.related small{color:#667c99;font-size:11px;letter-spacing:.6px;text-transform:uppercase}.aside{position:sticky;top:100px;display:grid;gap:16px}.aside-box{border:1px solid #e0e8f4;box-shadow:var(--shadow);border-radius:16px;padding:22px;background:#fff}.aside h3{font-size:15px;margin:0 0 13px;line-height:1.4;color:#132b54}.toc{list-style:none;padding:0;margin:0;display:grid;gap:9px}.toc a{font-size:13px;line-height:1.5;color:#3d5579;display:block;padding-left:11px;border-left:2px solid #d9e5f3}.toc a:hover{border-color:#3478e5;color:#1456bf}.aside-cta{background:linear-gradient(140deg,#0d2957,#173d7d);color:white;border:0}.aside-cta h3{color:white}.aside-cta p{font-size:13px;line-height:1.7;color:#d6e5ff}.aside-cta a{color:#fff;font-weight:800;text-decoration:underline}.legal-note{color:#5d6f87;font-size:13px;margin-top:14px}.site-footer{background:#09172f;color:#cad9f1;padding:45px 0 25px}.footer-inner{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:35px}.site-footer h3{color:white;margin:0 0 10px;font-size:16px}.site-footer p{font-size:13px;line-height:1.85}.site-footer a{color:#dbeaff;font-size:13px}.footer-links{display:grid;gap:7px}.footer-bottom{border-top:1px solid #ffffff22;margin-top:28px;padding-top:18px;font-size:12px;color:#9fb2d0}.footer-brand{font-size:20px;color:white;font-weight:900;letter-spacing:-.4px}.footer-brand span{color:#91bfff}.article-figure{padding:23px;background:linear-gradient(145deg,#eff6ff,#f9fbff);border:1px solid #d9e7f8;border-radius:16px;margin:23px 0}.visual-flow{display:flex;align-items:center;justify-content:space-between;gap:9px}.visual-chip{min-height:68px;border:1px solid #cbdff9;border-radius:12px;background:white;padding:12px;text-align:center;font-size:12px;font-weight:800;color:#1a407d;display:grid;place-items:center;flex:1}.visual-arrow{color:#397fe8;font-size:23px;font-weight:900}.figcaption{text-align:center;color:#62768f;font-size:12px;margin:12px 0 0}.article-divider{height:1px;background:#e4edf7;margin:38px 0}.next-link{margin-top:30px}.updated{font-size:13px;color:#69809b}
@media(max-width:980px){.body-grid{grid-template-columns:minmax(0,1fr);gap:15px}.aside{position:static;grid-row:1}.aside .toc-box{display:none}.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.hero-inner{padding:55px 0}.nav{gap:13px}.nav a{font-size:12px}}@media(max-width:700px){body{font-size:15px}.container{width:min(100% - 30px,1160px)}.header-inner{min-height:68px}.brand-name{font-size:18px}.header-cta{display:none}.menu-toggle{display:block}.nav{position:absolute;top:67px;left:0;right:0;background:white;padding:18px 22px;display:none;flex-direction:column;align-items:stretch;gap:12px;border-bottom:1px solid #e3e9f3;box-shadow:0 12px 23px #081d3a18}.nav.is-open{display:flex}.nav a{font-size:15px;padding:8px}.hero h1{letter-spacing:-1px}.hero p{font-size:15px}.hero-inner{padding:43px 0}.body-grid{padding-top:30px;padding-bottom:55px}.article h2{margin-top:35px}.steps{gap:10px}.step{padding:16px;grid-template-columns:36px 1fr;gap:12px}.step-num{width:35px;height:35px}.check-grid,.related,.footer-inner{grid-template-columns:1fr}.visual-flow{flex-wrap:wrap}.visual-chip{min-width:100px}.visual-arrow{font-size:16px}.aside-box{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}