*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",Roboto,sans-serif;
background:linear-gradient(#16224a,#0b1130) fixed;color:#e8ecf5;line-height:1.65;font-size:16px}
a{color:#35b4e8}
.wrap{max-width:880px;margin:0 auto;padding:20px 18px 48px}
header.top{display:flex;align-items:center;gap:12px;padding:6px 0 18px}
header.top img{width:40px;height:40px;border-radius:10px}
header.top a.home{display:flex;align-items:center;gap:10px;color:#ffd866;font-weight:800;font-size:20px;text-decoration:none}
header.top .langs{margin-left:auto}
select{background:#18203a;color:#e8ecf5;border:1px solid #3a4a7a;border-radius:8px;padding:6px 8px;font-size:15px}
h1{font-size:28px;line-height:1.3;margin:6px 0 4px;color:#ffd866}
h2{font-size:19px;margin:28px 0 8px;color:#ffd866}
.card{background:#18203a;border:1px solid #2a3760;border-radius:16px;padding:18px 18px}
.card>:first-child{margin-top:0}
.card>:last-child{margin-bottom:0}
.muted{color:#8fa0c8;font-size:14px}
ul{padding-left:22px;margin:6px 0}
li{margin:3px 0}
li ul{margin:2px 0}
.button{display:inline-block;padding:12px 18px;border-radius:12px;background:#35b4e8;color:#fff;font-weight:700;text-decoration:none;margin:4px 8px 4px 0}
.button.pink{background:#e8679a}
.button.line{background:transparent;border:1px solid #8fa0c8;color:#e8ecf5}
footer{margin-top:40px;padding-top:16px;border-top:1px solid #2a3760;font-size:14px;color:#8fa0c8}
footer a{margin-right:14px}
[data-lang]:not(.on){display:none}