html,body{margin:0;padding:0;background:#F7F4EE;color:#2B2A28;font-family:'Pretendard',-apple-system,sans-serif;-webkit-font-smoothing:antialiased;}
*{box-sizing:border-box;}
a{color:#2B2A28;text-decoration:none;} a:hover{color:#6C5CE7;}
button,input{font-family:inherit;font-size:14px;}
.header{position:sticky;top:0;z-index:10;background:rgba(247,244,238,0.92);backdrop-filter:blur(8px);}
.header-in{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.18em;font-weight:500;}
.brand img{width:26px;height:28px;object-fit:contain;display:block;}
.nav{display:flex;gap:18px;font-size:11px;letter-spacing:0.12em;color:#5E5A53;align-items:center;}
.avatar{width:24px;height:24px;border-radius:50%;background:#6C5CE7;color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;}
.page{max-width:480px;margin:0 auto;padding:64px 24px 96px;}
.page-wide{max-width:760px;margin:0 auto;padding:64px 24px 96px;line-height:1.8;font-size:14px;color:#5E5A53;}
.eyebrow{font-size:11px;letter-spacing:0.22em;color:#8A867E;margin-bottom:18px;text-align:center;}
h1.title{margin:0 0 32px;font-size:clamp(22px,3.4vw,30px);font-weight:300;line-height:1.35;text-align:center;text-wrap:balance;color:#2B2A28;}
.page-wide h2{font-size:16px;font-weight:500;color:#2B2A28;margin:32px 0 8px;}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 16px;border-radius:8px;border:1.5px solid #2B2A28;background:transparent;color:#2B2A28;font-size:14px;cursor:pointer;margin-bottom:10px;}
.btn:hover{background:#2B2A28;color:#fff;}
.btn-primary{background:#6C5CE7;border-color:#6C5CE7;color:#fff;font-weight:500;}
.btn-primary:hover{background:#5B4BD6;border-color:#5B4BD6;color:#fff;}
.btn-primary:disabled{opacity:0.45;cursor:not-allowed;background:#6C5CE7;}
.btn-kakao{background:#FEE500;border-color:#FEE500;color:#191919;} .btn-kakao:hover{background:#F2DA00;border-color:#F2DA00;color:#191919;}
.btn-naver{background:#03C75A;border-color:#03C75A;color:#fff;} .btn-naver:hover{background:#02B351;border-color:#02B351;color:#fff;}
.btn-google{background:#fff;border-color:#D9D4C9;color:#2B2A28;} .btn-google:hover{background:#F1EDE4;border-color:#D9D4C9;color:#2B2A28;}
.btn-text{background:transparent;border:0;color:#8A867E;font-size:12px;cursor:pointer;padding:8px;text-decoration:underline;text-underline-offset:3px;}
.field{margin-bottom:12px;}
.field label{display:block;font-size:11px;letter-spacing:0.1em;color:#8A867E;margin-bottom:6px;}
.field input{width:100%;padding:13px 14px;border:1.5px solid #D9D4C9;border-radius:8px;background:#fff;color:#2B2A28;}
.field input:focus{outline:none;border-color:#6C5CE7;}
.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:#5E5A53;padding:12px 0;border-top:1px solid #E4DFD4;cursor:pointer;}
.check input{margin-top:3px;}
.msg{font-size:13px;line-height:1.6;color:#5E5A53;margin:12px 0;min-height:20px;}
.msg.err{color:#C0392B;}
.msg.ok{color:#3E7C4F;}
.divider{display:flex;align-items:center;gap:12px;color:#A29E96;font-size:11px;letter-spacing:0.14em;margin:20px 0;}
.divider::before,.divider::after{content:"";flex:1;border-top:1px solid #E4DFD4;}
.card{background:#fff;border:1px solid #E4DFD4;border-radius:8px;padding:20px;margin-bottom:16px;}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:10px 0;border-bottom:1px solid #F1EDE4;}
.row:last-child{border-bottom:0;}
.row .k{color:#8A867E;} .row .v{color:#2B2A28;text-align:right;word-break:break-all;}
.tabs{display:flex;gap:0;border:1.5px solid #D9D4C9;border-radius:8px;overflow:hidden;margin-bottom:16px;}
.tabs button{flex:1;padding:12px;background:transparent;border:0;cursor:pointer;color:#8A867E;}
.tabs button.on{background:#2B2A28;color:#fff;}
.hidden{display:none !important;}
.foot{text-align:center;font-size:11px;color:#A29E96;margin-top:48px;line-height:1.8;}
.foot a{color:#8A867E;margin:0 6px;}