:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#071426;color:#ecf5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 20%,#17386d55,transparent 60%)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #64e7ef;outline-offset:5px}nav,main,footer{max-width:1160px;margin:auto;padding:24px}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #23405a}.brand{font-weight:750;letter-spacing:.3px}.brand span{color:#65dded}.links{display:flex;align-items:center;gap:20px}.languages{display:flex;gap:12px;font-size:13px}.languages a[aria-current]{color:#70eced}.hero{padding:76px 0 48px;max-width:800px}.eyebrow{font-size:12px;letter-spacing:2px;color:#64deed;font-weight:700}h1{font-size:clamp(36px,5.5vw,64px);line-height:1.08;letter-spacing:-2px;margin:20px 0}p{line-height:1.7;color:#b9cce1}.hero p{font-size:19px}h2{font-size:28px;letter-spacing:-.6px}.card{display:grid;grid-template-columns:340px 1fr;border:1px solid #355475;border-radius:24px;overflow:hidden;background:#0c2138}.portrait{width:100%;height:100%;object-fit:cover;min-height:400px}.body{padding:34px}.body h2{margin:12px 0}.role{margin-top:0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tag{border:1px solid #37536d;border-radius:99px;padding:7px 12px;font-size:12px;color:#c2e9f3}.button{display:inline-block;padding:13px 22px;border-radius:12px;background:linear-gradient(110deg,#096ab1,#6048c1);border:1px solid #62b6de;font-weight:650}.status{display:inline-block;font-size:13px;color:#bbccdf;border:1px solid #465977;padding:10px 14px;border-radius:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.step{border-top:1px solid #37536d;padding-top:20px}.number{color:#66d8ee;font-size:13px}.explain{margin:64px 0}.note{border-left:3px solid #48a9d5;padding:4px 22px;max-width:820px}.detail{max-width:900px;margin:36px auto}.detail .card{grid-template-columns:290px 1fr}.detail li{margin:14px 0;color:#c4d5e5;line-height:1.6}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #23405a;font-size:13px;color:#9db5cf}@media(max-width:720px){nav{flex-wrap:wrap}.links{gap:12px;font-size:13px}.hero{padding-top:42px}.card,.detail .card{grid-template-columns:1fr}.portrait{height:320px;min-height:0;object-position:center 30%}.body{padding:24px}.steps{grid-template-columns:1fr}.hero p{font-size:17px}footer{flex-wrap:wrap}h1{letter-spacing:-1px}}