:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f7f8fc}*{box-sizing:border-box}body{margin:0}header{height:68px;background:#fff;border-bottom:1px solid #e7e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1100px)/2))}.brand{font-weight:800;font-size:22px;color:#5b45d6;text-decoration:none}nav{display:flex;gap:20px}a{color:#43506b;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:46px 20px 80px}.hero{text-align:center;padding:45px 0}.hero h1{font-size:clamp(34px,6vw,62px);margin:0 0 14px;letter-spacing:-2px}.hero p{font-size:19px;color:#68738a}.search{display:flex;max-width:650px;margin:28px auto}.search input{flex:1 1;padding:16px;border:1px solid #d9ddea;border-radius:12px 0 0 12px;font-size:16px}.button,.search button{padding:0 22px;border:0;border-radius:0 12px 12px 0;background:#5b45d6;color:#fff;font-weight:700}.notice{background:#fff7df;border:1px solid #f0d98d;padding:12px 16px;border-radius:10px;color:#765d17}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:14px;gap:14px}.card{background:#fff;border:1px solid #e4e7f0;border-radius:14px;padding:18px}.card h3{margin:0 0 8px}.muted{color:#707b91}.steps{background:#fff;border-radius:14px;padding:20px;border:1px solid #e4e7f0}.step{padding:11px 0;border-bottom:1px solid #edf0f5}.step:last-child{border:0}footer{background:#fff;border-top:1px solid #e7e9f0;padding:22px max(20px,calc((100% - 1100px)/2));color:#7b8498;font-size:13px}