:root{--bg:#f5f7fb;--ink:#172033;--muted:#657086;--line:#e4e9f2;--brand:#6258f5;--dark:#10172a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92%);margin:auto}.top{background:#0c1222;color:#dce4ff;padding:7px 0;font-size:12px}.nav{position:sticky;top:0;background:#fffffff2;border-bottom:1px solid var(--line);z-index:5}.navin{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-size:21px;font-weight:850}.mark{display:inline-grid;place-items:center;background:linear-gradient(135deg,#6258f5,#13a995);color:white;border-radius:12px;width:38px;height:38px;margin-right:8px}.links{display:flex;gap:17px;font-size:13px;font-weight:700}.btn{display:inline-block;background:var(--brand);color:white;padding:10px 15px;border-radius:11px;font-weight:750;font-size:13px}.hero{padding:62px 0;background:radial-gradient(ellipse at 85% 12%,#e4e2ff,transparent 35%),radial-gradient(ellipse at 5% 40%,#d8fbf2,transparent 30%)}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.tag{background:#eeedff;color:#5148df;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:850}.hero h1{font-size:clamp(35px,5vw,58px);line-height:1.13;letter-spacing:-1.5px;margin:18px 0}.grad{background:linear-gradient(100deg,#6258f5,#13a995);color:transparent;background-clip:text}.muted{color:var(--muted)}.visual{background:linear-gradient(145deg,#171d3a,#292b67);color:white;padding:27px;border-radius:25px;min-height:260px}.visualbox{margin-top:35px;padding:22px;background:#ffffff12;border:1px solid #ffffff30;border-radius:16px}.section{padding:44px 0}.heading h2{margin:0;font-size:clamp(25px,3vw,34px)}.heading p{margin:5px 0 22px;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.article,.legal,.faq{background:white;border:1px solid var(--line);border-radius:17px;padding:21px}.ico{font-size:25px;background:#eeedff;border-radius:12px;padding:7px;display:inline-block}.card h3{margin:12px 0 5px}.card p,.article p,.faq p{color:var(--muted);font-size:13px;margin:0}.ad{background:white;border:1px dashed #bdc6da;border-radius:14px;margin:25px auto;padding:12px;text-align:center;overflow:hidden}.adlabel{display:block;color:#7c8598;font-size:10px;letter-spacing:1px;font-weight:850;margin-bottom:8px;text-transform:uppercase}.adbody{display:flex;align-items:center;justify-content:center;min-height:50px;overflow:hidden}.content{display:grid;grid-template-columns:1fr 300px;gap:22px}.articles{display:grid;gap:14px}.article{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:14px}.thumb{background:linear-gradient(135deg,#dcd9ff,#d6f8ef);border-radius:12px;display:grid;place-items:center;font-size:34px;min-height:110px}.article h3{margin:4px 0;font-size:17px;line-height:1.35}.category{font-size:10px;color:var(--brand);font-weight:850}.side{display:grid;gap:15px;align-content:start}.side .card{padding:18px}.side a.topic{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.guidegrid,.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide{background:white;border:1px solid var(--line);padding:18px;border-radius:15px}.cta{padding:30px;background:linear-gradient(120deg,#6158f5,#272e70);color:white;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{margin:0}.footer{background:#0c1222;color:#dbe1f1;margin-top:35px;padding:38px 0 20px}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:20px}.footer p,.footer a{color:#aab4cc;font-size:12px}.footer h4{margin:0 0 8px}.footer a{display:block;margin:5px 0}.copy{border-top:1px solid #252d43;margin-top:22px;padding-top:15px;font-size:11px;color:#8e9ab5}.pagehero{padding:40px 0 20px}.pagehero h1{font-size:clamp(30px,4vw,44px);margin:0}.legal{padding:clamp(20px,4vw,40px);margin-bottom:40px}.legal h2{margin:26px 0 7px;font-size:21px}.legal h2:first-child{margin-top:0}.legal p,.legal li{font-size:14px;color:#4e596e}.notice{background:#f1f0ff;border-left:4px solid var(--brand);padding:12px;margin-bottom:20px;font-size:13px}@media(max-width:800px){.heroGrid,.content{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.links{gap:9px}}@media(max-width:570px){.links{display:none}.hero{padding:42px 0}.grid3,.guidegrid,.faqgrid{grid-template-columns:1fr}.article{grid-template-columns:85px 1fr}.thumb{min-height:95px}.cta{display:block}.cta .btn{margin-top:15px}.footgrid{grid-template-columns:1fr 1fr}}