body{
margin:0;
font-family:sans-serif;
background:#FFF0F5;
-webkit-text-size-adjust:100%;
}

.wrap{
max-width:520px;
margin:auto;
padding:16px;
}

.title{
text-align:center;
font-size:28px;
font-weight:800;
color:#FF4D8D;
}

.sub{
text-align:center;
opacity:.7;
font-size:14px;
margin-bottom:15px;
}

.input{
width:100%;
padding:16px;
border-radius:12px;
border:none;
margin-bottom:12px;
font-size:16px;
box-sizing:border-box;
}

.main-btn{
width:100%;
padding:18px;
background:#FF4D8D;
color:white;
border:none;
border-radius:14px;
font-size:17px;
font-weight:700;
}

.kakao-btn{
width:100%;
padding:18px;
background:#FEE500;
border:none;
border-radius:14px;
font-size:17px;
font-weight:700;
}

.card{
background:white;
padding:16px;
border-radius:14px;
margin-top:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
}

button:disabled{
opacity:0.4;
}