*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:#132643;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#0756b5}main{max-width:960px;margin:auto;padding:22px 18px 70px}.top{background:linear-gradient(115deg,#062c54,#075484);color:white;border-radius:22px;padding:30px;box-shadow:0 13px 32px #002c4e24}.brand{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.eyebrow{font-size:.77rem;font-weight:750;letter-spacing:.13em;color:#9fe8f4}.logo{font-weight:800;white-space:nowrap;font-size:1.07rem}.logo b{color:#60d2ed}.strap{font-size:.73rem;font-weight:400;color:#d8f0fb}.top h1{font-size:clamp(1.65rem,4vw,2.65rem);margin:16px 0 7px;line-height:1.16}.top p{margin:0;color:#d9ecfa}.path{font-size:.82rem;color:#476078;margin:16px 0}.path a{text-decoration:none}.intro{padding:18px 4px 8px;color:#39516d}.steps{display:grid;gap:13px;margin:16px 0}.step{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;background:white;border:1px solid #e4ecf3;border-radius:18px;padding:20px;box-shadow:0 5px 18px #103a5610}.num{width:43px;height:43px;background:linear-gradient(130deg,#008eb1,#0876cf);color:white;border-radius:50%;display:grid;place-items:center;font-size:1.25rem;font-weight:800}.detail h2{font-size:1.15rem;line-height:1.3;margin:2px 0 8px;color:#082e59}.detail p{margin:6px 0 11px}.mini{display:flex;gap:10px;align-items:center;background:#f3f9fe;border:1px solid #dbeefb;padding:12px;border-radius:12px;font-size:.91rem;overflow-wrap:anywhere}.symbol{font-size:1.6rem}.button{display:inline-flex;padding:12px 18px;margin:5px 0;background:#0874db;border-radius:12px;color:#fff;text-decoration:none;font-weight:750;max-width:100%;overflow-wrap:anywhere;box-shadow:0 3px 8px #0e53ad33}.button:hover,.button:focus-visible{background:#075cab;outline:2px solid #8ec9fa;outline-offset:2px}.button.secondary{background:#e5f5fb;color:#064b7d;box-shadow:none}.end{background:#e9f9f5;border:1px solid #c9e9df;border-radius:19px;padding:22px;margin-top:20px}.end h2{margin:0 0 4px;color:#08624e}nav{display:flex;gap:10px;flex-wrap:wrap;padding:25px 0}nav a{background:white;border:1px solid #dce9f1;border-radius:10px;padding:8px 12px;text-decoration:none;font-weight:650}.foot{color:#586a7a;font-size:.83rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.tile{background:white;border:1px solid #dce8f3;border-radius:18px;padding:23px;text-decoration:none;color:inherit;box-shadow:0 4px 15px #103a5612}.tile strong{display:block;font-size:1.13rem;margin:10px 0}.tile span{font-size:1.8rem}.tile small{color:#3171a3}.note{border-left:4px solid #26a1c4;padding:12px 18px;background:#e8f6fb;border-radius:8px}.hero-slogan{font-weight:700;color:#a5e7f4!important}@media(max-width:560px){main{padding:12px 11px 50px}.top{padding:24px 18px;border-radius:16px}.step{grid-template-columns:38px minmax(0,1fr);padding:15px 12px;gap:10px}.num{width:35px;height:35px;font-size:1rem}.detail h2{font-size:1.05rem}.button{width:100%;justify-content:center;text-align:center}.logo{font-size:.95rem}}