*{margin:0;padding:0;box-sizing:border-box;}
body{background:#f5f6f8;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;}
.page_wrapper{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 18px;}

.login_card{background:#ffffff;border:1px solid #e8eaee;padding:38px 38px;width:100%;max-width:35%;border-radius:18px;box-shadow:0 8px 38px rgba(0,0,0,0.07);}
.login_header_row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;}
.login_logo_row{display:flex;align-items:center;gap:9px;margin-bottom:0;}
.login_logo_mark{width:38px;height:38px;background:linear-gradient(135deg,#18C99F 0%,#1f55c8 100%);border-radius:9px;display:flex;align-items:center;justify-content:center;}
.login_logo_mark svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

.login_logo_name{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:500;color:#1f2828;letter-spacing:0.03em;}
.login_logo_name span{color:#18C99F;}
.login_field_group{margin-bottom:8px;}

.login_label{display:block;font-size:11px;font-weight:500;color:#5a6378;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:8px;}
.login_input_wrap{position:relative;}
.login_input_icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:#c0c7d8;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.login_input{width:100%;background:#f8f9fc;border:1.5px solid #e5e8f0;color:#0f1628;padding:13px 15px 13px 39px;font-family:'Sora',sans-serif;font-size:13px;outline:none;border-radius:9px;transition:border-color 0.2s,background 0.2s;}
.login_input:focus{border-color:#18C99F;background:#fff;}

.login_input::placeholder{color:#c0c7d8;}
.login_captcha_row{display:flex;align-items:center;gap:10px;}
.login_captcha_input_wrap{flex:1;}

.login_captcha_input{padding:13px 15px;}
.login_captcha_box{width:88px;height:39px;background:#f8f9fc;border:1.5px solid #e5e8f0;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.login_captcha_box img{width:100%;height:100%;object-fit:cover;display:block;}
.login_forgot{text-align:right;margin-top:8px;}
.login_forgot a{font-size:11px;color:#18C99F;text-decoration:none;font-weight:500;}
.login_forgot a:hover{text-decoration:underline;}
.login_btn{width:100%;background:#18C99F;color:#fff;border:none;padding:15px;font-family:'Sora',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.05em;cursor:pointer;margin-top:8px;border-radius:9px;transition:background 0.18s,box-shadow 0.18s;}
.login_btn:hover{background:#18AA88;box-shadow:0 8px 18px rgba(26,115,232,0.28);}
.login_divider{display:flex;align-items:center;gap:12px;margin:18px 0;}

.login_divider_line{flex:1;height:1px;background:#eef0f5;}
.login_divider_text{font-size:11px;color:#c0c7d8;font-family:'JetBrains Mono',monospace;letter-spacing:0.05em;}
.login_signup_row{text-align:center;font-size:12px;color:#8b93a8;}
.login_signup_row a{color:#18C99F;font-weight:500;text-decoration:none;}
.login_signup_row a:hover{text-decoration:underline;}

.login_badge{display:inline-flex;align-items:center;gap:5px;background:#eef5ff;border-radius:18px;padding:5px 12px;margin-bottom:0;}
.login_badge_dot{width:7px;height:7px;border-radius:50%;background:#18C99F;animation:pulse_dot 2s infinite;}
.login_badge_text{font-size:11px;color:#2F8C88;font-weight:500;letter-spacing:0.03em;}

.login_error_wrap{margin-top:8px;}
.display_error{background:#fff2f2;border:1px solid #ffd8d8;border-radius:9px;padding:12px 15px;font-size:12px;color:#c0392b;line-height:1.7;}
@keyframes pulse_dot{0%,100%{opacity:1;}50%{opacity:0.3;}}
@media(max-width:480px){
.login_card{padding:38px 25px;border-radius:13px;box-shadow:0 5px 18px rgba(0,0,0,0.07);width:99%;}
.login_logo_mark{width:33px;height:33px;}
.login_logo_name{font-size:15px;}
.login_badge_text{font-size:10px;}
.login_label{font-size:12px;}

.login_input{font-size:15px;padding:13px 13px 13px 38px;}
.login_btn{font-size:13px;padding:15px;}
.login_signup_row{font-size:13px;}
.login_captcha_box{width:86px;height:48px;}
}
/* EMAIL: notices + resend confirmation (Sep 30, 2026) */
.login_notice{background:#e8faf4;border:1px solid #bfeedd;border-radius:9px;padding:12px 15px;font-size:12px;color:#135e4c;line-height:1.7;}
.login_resend_form{margin-top:10px;}
.login_resend_btn{width:100%;background:#fff;border:1.5px solid #18C99F;color:#18AA88;font-size:13px;font-weight:600;padding:11px 15px;border-radius:9px;cursor:pointer;font-family:inherit;}
.login_resend_btn:hover{background:#e8faf4;}