.as-page{padding:40px 0 60px;background:var(--bg-page);min-height:60vh}
.as-page .wrap{max-width:760px}

.as-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px}
.as-row{display:flex;gap:14px;margin-bottom:14px;align-items:flex-start}
.as-row label{width:120px;flex-shrink:0;padding-top:10px;font-size:13px;font-weight:700;color:var(--navy)}
.as-row label sup{color:#dc2626}
.as-input,.as-textarea{flex:1;padding:11px 14px;border:1.5px solid var(--line);border-radius:8px;font:inherit;font-size:14px;color:var(--navy);background:#fff;transition:border-color .15s}
.as-input:focus,.as-textarea:focus{border-color:var(--gold);outline:none}
.as-input--ro{background:#f8fafc;color:#64748b}
.as-textarea{min-height:140px;resize:vertical;line-height:1.6}
.as-help{font-size:12px;color:#64748b;margin-top:6px}

.as-info{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:14px 18px;font-size:13px;color:#9a3412;line-height:1.7;margin-bottom:18px}
.as-info strong{color:#7c2d12}

.as-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}
/* .as-btn--primary/secondary 베이스 → components/btn.css */
.as-btn{padding:13px 36px;border-radius:8px;font-size:15px;text-decoration:none;display:inline-flex;align-items:center}
.as-btn--secondary{border:1.5px solid var(--line)}
.as-btn--secondary:hover{border-color:var(--navy)}

.as-login-cta{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--line);border-radius:10px}
.as-login-cta h2{font-size:18px;font-weight:800;color:var(--navy);margin:0 0 8px}
.as-login-cta p{font-size:14px;color:#64748b;margin:0 0 20px}
@media(max-width:640px){
  .as-row{flex-direction:column;gap:6px}
  .as-row label{width:auto;padding-top:0}
}