:root{--g1:#0C1130;--g2:#141C44;--card:#1D2757;--raised:#26326E;
--t1:#E7EAF7;--t2:#9AA4CE;--t3:#808CBE;--acc:#93A6DE}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--g1);background-image:linear-gradient(180deg,var(--g1),var(--g2));
background-attachment:fixed;color:var(--t1);
font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;min-height:100vh;
display:flex;flex-direction:column}
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(18px,4vw,40px);width:100%}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}
header.nav{padding:24px 0}
.logo{display:flex;align-items:center;gap:11px;color:var(--t1);text-decoration:none;width:max-content}
.logo img{width:34px;height:34px;flex:none;border-radius:22%;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.logo b{font-size:18px;font-weight:700;font-variation-settings:"wdth" 112;letter-spacing:-.025em}
main{flex:1;padding:clamp(30px,6vw,70px) 0 60px}
h1{font-size:clamp(30px,5vw,46px);font-weight:700;font-variation-settings:"wdth" 114;
letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.lead{color:var(--t2);margin-top:18px;font-size:18px;max-width:58ch}
.box{background:var(--card);border-radius:20px;padding:28px 26px;margin-top:30px}
.box p{color:var(--t2);margin-top:12px}
.box p:first-child{margin-top:0}
.box b{color:var(--t1)}
.note{color:var(--t3);font-size:15px;margin-top:26px}
footer{border-top:1px solid rgba(255,255,255,.09);padding:32px 0 44px}
.fIn{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:15px}
.fIn a{color:var(--t2)}
.copy{color:var(--t3);font-size:14px;margin-top:22px}