:root{--ac-ink:#191a26;--ac-sub:#777b8c;--ac-line:#e4e5ec;--ac-purple:#f26b38;--ac-soft:#fff3e8;--ac-danger:#d9485f;--ac-success:#11865f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ac-ink)}
body{min-width:320px;padding:45px 18px;background:radial-gradient(circle at 12% 15%,rgba(242,107,56,.16),transparent 27%),radial-gradient(circle at 88% 82%,rgba(246,166,91,.16),transparent 24%),#f7f7fb;display:grid;place-items:center}
.member-wrap{width:min(100%,520px);margin:0;padding:42px 40px;border:1px solid rgba(228,229,236,.92);border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 25px 75px rgba(39,40,66,.13)}
.member-wrap:before{width:45px;height:45px;margin:0 auto 17px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#f47d48,#c64722);box-shadow:0 10px 24px rgba(109,74,255,.25);color:#fff;font-size:20px;font-weight:900}
.member-wrap h1{margin:0 0 28px;text-align:center;font-size:28px;letter-spacing:-.045em}.member-wrap form{margin:0}.member-field{margin-bottom:16px}.member-field>label{display:block;margin-bottom:8px;color:#4b4e60;font-size:12px;font-weight:800}
.member-field input{width:100%;height:50px;padding:0 14px;border:1px solid #dfe1e9;border-radius:12px;background:#fbfbfd;color:var(--ac-ink);font-size:13px;outline:none;transition:.2s}.member-field input::placeholder{color:#b0b2bd}.member-field input:focus{border-color:#f47d48;background:#fff;box-shadow:0 0 0 4px rgba(242,107,56,.09)}
.member-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:8px}.member-row .member-btn.sub{width:105px;height:50px;margin:0;padding:0 10px;border:1px solid #f3d2bf;background:var(--ac-soft);box-shadow:none;color:var(--ac-purple);font-size:11px}
.member-note{margin:7px 2px 0;color:#9295a4;font-size:10px;line-height:1.5}.member-check{display:flex;align-items:center;gap:8px;margin:11px 0;color:#5d6071;font-size:11px;cursor:pointer}.member-check input{width:17px;height:17px;margin:0;accent-color:var(--ac-purple)}
.member-btn{height:50px;padding:0 20px;border:0;border-radius:13px;background:linear-gradient(135deg,#1f74ff,#c64722);box-shadow:0 12px 25px rgba(198,71,34,.23);color:#fff;font-size:13px;font-weight:850;cursor:pointer;transition:.2s}.member-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.member-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.member-links{display:flex;justify-content:center;gap:15px;margin-top:23px;padding-top:20px;border-top:1px solid #ededf2}.member-links a{color:#747788;text-decoration:none;font-size:11px;font-weight:700}.member-links a:hover{color:var(--ac-purple)}
.member-error,.member-success{margin-bottom:18px;padding:13px 15px;border-radius:12px;font-size:11px;line-height:1.65}.member-error{background:#fff0f2;color:var(--ac-danger)}.member-success{background:#eaf9f4;color:var(--ac-success)}.member-wrap>p{color:var(--ac-sub);font-size:12px;line-height:1.7;text-align:center}
@media(min-width:860px){body:before{content:"가격과 전문분야를 비교하고\A나에게 맞는 업체를 찾아보세요";white-space:pre;position:fixed;left:max(5vw,calc(50% - 530px));top:50%;transform:translateY(-50%);max-width:390px;color:#292b3c;font-size:31px;font-weight:850;line-height:1.45;letter-spacing:-.05em}.member-wrap{margin-left:min(43vw,430px)}}
@media(max-width:600px){body{padding:18px 13px}.member-wrap{padding:32px 20px;border-radius:21px}.member-wrap h1{font-size:25px}.member-row{grid-template-columns:minmax(0,1fr) 92px}.member-row .member-btn.sub{width:92px}.member-links{gap:11px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}


/* 메인 이동 버튼 */
.member-home-btn{
    width:100%;
    min-height:50px;
    margin-top:14px;
    padding:0 18px;
    border:2px solid var(--ac-purple);
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#fff;
    box-shadow:0 8px 20px rgba(242,107,56,.10);
    color:var(--ac-purple);
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    transition:.2s;
}
.member-home-btn:before{
    content:"←";
    font-size:17px;
    font-weight:900;
    line-height:1;
}
.member-home-btn:hover{
    background:var(--ac-soft);
    box-shadow:0 10px 24px rgba(242,107,56,.16);
    transform:translateY(-1px);
}
.member-home-btn+.member-links{
    margin-top:16px;
}
@media(max-width:600px){
    .member-home-btn{
        min-height:52px;
        margin-top:16px;
        font-size:14px;
    }
}