/* Extracted from templates/login/account_recovery.html */
@import url('/css/common.css?v=20260805-noto25');
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:#f4f6f9;color:#24364d;font-family:'Nanum Gothic','나눔고딕',sans-serif}
    .shell{width:100%;max-width:520px;border:1px solid #dfe7f0;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.1);overflow:hidden}.head{padding:28px 32px 22px;background:linear-gradient(135deg,#051c33,#0d3b66);color:#fff}.logo{margin-bottom:15px;color:#00f5d4;font-size:22px;font-weight:900}.head h1{margin:0 0 7px;font-size:23px}.head p{margin:0;color:#bdd0e4;font-size:13px;line-height:1.55}.body{padding:28px 32px 30px}
    .tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border-bottom:1px solid #dfe7f0}.tab{height:44px;border:0;border-bottom:3px solid transparent;background:transparent;color:#7b8ba0;font-size:14px;font-weight:800;cursor:pointer}.tab.active{border-bottom-color:#0f766e;color:#0f766e}.panel{display:none}.panel.active{display:block}.guide{margin:0 0 20px;color:#6f8096;font-size:13px;line-height:1.6}
    .field{margin-bottom:15px}.field label{display:block;margin-bottom:7px;color:#42556d;font-size:12px;font-weight:800}.field input{width:100%;height:44px;padding:0 13px;border:1px solid #cdd8e5;border-radius:8px;background:#f8fafc;color:#172b43;font-size:14px;outline:none}.field input:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 3px rgba(15,118,110,.1)}.message{margin-bottom:18px;padding:13px 14px;border:1px solid;border-radius:8px;font-size:13px;font-weight:700;line-height:1.55}.message.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.message.success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.message ul{margin:8px 0 0;padding-left:19px}
    .submit{width:100%;height:45px;margin-top:5px;border:0;border-radius:8px;background:#062b49;color:#fff;font-size:14px;font-weight:800;cursor:pointer}.submit:hover{background:#0f766e}.back{display:block;margin-top:20px;text-align:center;color:#60738a;font-size:13px;font-weight:700;text-decoration:none}.back:hover{color:#0f766e;text-decoration:underline}@media(max-width:560px){body{padding:16px}.head,.body{padding-left:22px;padding-right:22px}}