.login-page-body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.login-wrap{width:400px;max-width:100%}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.1);padding:40px}.logo-area{text-align:center;margin-bottom:28px}.logo-text{font-size:22px;font-weight:800;color:#0369a1;letter-spacing:.04em}.logo-text span{color:#1f2937}.logo-sub{font-size:13px;color:#6b7280;margin-top:6px}.error-alert{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:12px 14px;font-size:13px;color:#dc2626;margin-bottom:16px;display:none}.error-alert.show{display:block}.form-group{margin-bottom:18px}.form-label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;color:#1f2937;transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:#0369a1;box-shadow:0 0 0 3px rgba(3,105,161,.15)}.form-input.error{border-color:#dc2626}.form-error{font-size:12px;color:#dc2626;margin-top:4px;display:none}.form-error.show{display:block}.pw-wrap{position:relative}.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:12px;color:#6b7280;font-family:inherit;padding:2px 6px;border-radius:4px}.pw-toggle:hover{background:#f3f4f6;color:#374151}.pw-wrap .form-input{padding-right:70px}.login-btn{width:100%;height:44px;background:#0369a1;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s;margin-top:8px;margin-bottom:16px}.login-btn:hover:not(:disabled){background:#0284c7}.login-btn:disabled{opacity:.5;cursor:not-allowed}.forgot-link{text-align:center;font-size:13px;color:#0369a1;cursor:pointer;text-decoration:none;display:block}.forgot-link:hover{text-decoration:underline}.policy-note{margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6;font-size:11px;color:#9ca3af;line-height:1.7}.login-footer{text-align:center;margin-top:24px;font-size:12px;color:#9ca3af}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:#fff;border-radius:12px;padding:32px;width:420px;max-width:90vw;box-shadow:0 20px 40px rgba(0,0,0,.2)}.modal-title{font-size:17px;font-weight:700;margin-bottom:8px}.modal-desc{font-size:13px;color:#6b7280;margin-bottom:16px;line-height:1.7}.modal-group{margin-bottom:14px}.modal-label{font-size:12px;font-weight:600;color:#374151;display:block;margin-bottom:5px}.modal-input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit}.modal-input:focus{outline:none;border-color:#0369a1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn{padding:9px 20px;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer;border:none;font-weight:500}.btn-primary{background:#0369a1;color:#fff}.btn-primary:hover{background:#0284c7}.btn-gray{background:#6b7280;color:#fff}.btn-gray:hover{opacity:.85}.toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:300;background:#1f2937;color:#fff;padding:14px 20px;border-radius:8px;font-size:14px;box-shadow:0 4px 16px rgba(0,0,0,.3);opacity:0;transition:opacity .3s;pointer-events:none;max-width:360px}.toast.show{opacity:1}