body,html{margin:0px;padding:0px;}
.lqc-page { min-height: 100vh; background: #fff; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #0b1f5b; }
.lqc-top { padding: 22px 32px; border-bottom: 1px solid #eef1f7; text-align: center; background-color:#073159;}
.lqc-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #0b1f5b; }
.lqc-logo-mark { display: inline-flex; gap: 3px; }
.lqc-logo-mark span { width: 8px; height: 22px; border-radius: 2px; background: #0b1f5b; }
.lqc-logo-mark span:nth-child(2) { background: #1e9be3; }
.lqc-logo-mark span:nth-child(3) { background: #f5c441; }
.lqc-logo-text { font-weight: 800; font-size: 20px; letter-spacing: .3px; }
.lqc-logo-text span { color: #1e9be3; }
.lqc-main { flex: 1; display: flex; justify-content: center; padding: 60px 20px; }
.lqc-card { width: 100%; max-width: 420px; }
.lqc-card h1 { font-size: 28px; font-weight: 800; margin: 0 0 14px; color: #0b1f5b; }
.lqc-card .lqc-intro { font-size: 15px; line-height: 1.5; color: #0b1f5b; margin: 0 0 28px; }
.lqc-field { position: relative; margin-bottom: 16px; }
.lqc-field input { width: 100%; height: 56px; border: 1.5px solid #0b1f5b; border-radius: 10px; padding: 18px 16px 6px; font-size: 15px; color: #0b1f5b; background: #fff; outline: none; box-sizing: border-box; }
.lqc-field input:focus { border-color: #1e9be3; box-shadow: 0 0 0 2px rgba(30,155,227,.15); }
.lqc-field label { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #6a7494; pointer-events: none; transition: .15s ease; font-size: 15px; background: #fff; padding: 0 4px; }
.lqc-field input:focus + label,
.lqc-field input:not(:placeholder-shown) + label { top: 0; font-size: 12px; color: #0b1f5b; }
.lqc-forgot { display: inline-block; color: #0b1f5b; font-weight: 700; font-size: 14px; text-decoration: underline; margin: 6px 0 24px; cursor: pointer; }
.lqc-btn { width: 100%; height: 56px; border-radius: 999px; background: #0b1f5b; color: #cfe6f7; font-weight: 700; font-size: 16px; border: none; cursor: pointer; transition: background .15s; }
.lqc-btn:hover { background: #0a1a4c; }
.lqc-signup { text-align: center; margin-top: 22px; font-size: 14px; color: #0b1f5b; }
.lqc-signup a { color: #0b1f5b; font-weight: 700; text-decoration: underline; margin-left: 6px; }
.lqc-error { background: #fdecec; color: #b00020; border: 1px solid #f5c2c2; padding: 10px 14px; border-radius: 8px; font-size: 14px; margin-bottom: 16px; }
.lqc-otp-hint { font-size: 14px; color: #0b1f5b; margin: 0 0 18px; line-height: 1.5; }
.lqc-back { background: none; border: none; color: #0b1f5b; font-weight: 700; text-decoration: underline; cursor: pointer; padding: 0; margin-top: 16px; font-size: 14px; }