@import url("fonts/fonts.css");
*{box-sizing:border-box}
body{margin:0;background:#E4E4E4;font-family:'Geist',system-ui,sans-serif;color:#151515;-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:#151515}
.wrap{max-width:1480px;margin:0 auto;padding:clamp(0px,1.4vw,16px)}
.card{background:#EFEFEF;border-radius:clamp(0px,2.6vw,36px);padding:clamp(10px,1.6vw,20px);min-height:100vh;display:flex;flex-direction:column;gap:clamp(12px,1.6vw,20px)}
header{display:flex;justify-content:space-between;align-items:center;gap:10px}
header nav{display:flex;align-items:center;gap:8px;background:#fff;border-radius:20px;padding:8px 22px 8px 10px}
header nav img{height:22px;display:block;margin:0 6px}
header .back{background:#151515;color:#fff;text-decoration:none;border-radius:16px;padding:12px 18px;font-size:15px;font-weight:500}
main{background:#fff;border-radius:28px;padding:clamp(22px,4vw,56px);max-width:860px;width:100%;margin:0 auto}
h1{margin:0 0 8px;font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.04em;line-height:1.05}
h2{margin:36px 0 8px;font-size:22px;font-weight:500;letter-spacing:-.02em}
h3{margin:24px 0 6px;font-size:17px;font-weight:500}
p,li{font-size:16px;color:#333}
.muted{color:#6B6B6B;font-size:14px;font-family:'Geist Mono',monospace}
.box{background:#F4F4F4;border-radius:18px;padding:18px 20px;margin:16px 0}
footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px clamp(10px,2.6vw,36px) 24px;border-top:1px solid #DCDCDC;font-size:14px}
footer div{display:flex;gap:24px;flex-wrap:wrap}
footer a{text-decoration:none}footer a:hover{color:#6B6B6B}