.lgn{--lgn-xanh:#087f76;--lgn-xanh-dam:#06706a;--lgn-nen:#f8faf8;--lgn-chu:#172b32;--lgn-chu-phu:#667085;--lgn-vien:#d5dbe1;background:var(--lgn-nen);min-height:100vh;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom));color:var(--lgn-chu)}body:has(.lgn){background:#f8faf8}.lgn-wrap{width:100%;max-width:420px;margin:0 auto;padding:0 24px;box-sizing:border-box}.lgn-brand{display:flex;align-items:center;gap:10px}.lgn-logo{width:42px;height:42px;flex:0 0 auto}.lgn-name{font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--lgn-xanh);white-space:nowrap}.lgn-title{margin-top:28px;font-size:28px;font-weight:700;line-height:1.2;color:var(--lgn-chu)}.lgn-desc{margin-top:12px;font-size:15px;line-height:1.5;color:var(--lgn-chu-phu)}.lgn-form{margin-top:24px}.lgn-formtitle{font-size:22px;font-weight:700;color:var(--lgn-chu)}.lgn-field+.lgn-field{margin-top:16px}.lgn-formtitle+.lgn-field{margin-top:20px}.lgn-field label{margin-bottom:8px;font-size:14px;font-weight:600}.lgn-field input,.lgn-field label{display:block;color:var(--lgn-chu)}.lgn-field input{width:100%;height:52px;box-sizing:border-box;padding:0 16px;border:1px solid var(--lgn-vien);border-radius:12px;background:#fff;font-size:16px;font-family:inherit}.lgn-field input::placeholder{color:var(--lgn-chu-phu);opacity:1}.lgn-field input[aria-invalid=true]{border-color:#d92d20}.lgn-field input:focus{outline:none;border-color:var(--lgn-xanh);box-shadow:0 0 0 3px rgba(8,127,118,.18)}.lgn-passwrap{position:relative}.lgn-passwrap input{padding-right:56px}.lgn-eye{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:none;border-radius:10px;background:none;color:var(--lgn-chu-phu);cursor:pointer}.lgn-eye svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lgn-eye:active{background:rgba(8,127,118,.08)}.lgn-cauhoi label{font-weight:700}.lgn-hint{margin-top:8px;font-size:13px;line-height:1.45;color:var(--lgn-chu-phu)}.lgn-bay{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.lgn-err{margin-top:16px;padding:12px 14px;border:1px solid #fda29b;border-radius:10px;background:#fef3f2;color:#b42318;font-size:15px;line-height:1.45}.lgn-submit{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:none;border-radius:12px;background:var(--lgn-xanh);color:#fff;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}.lgn-submit:active{background:var(--lgn-xanh-dam)}.lgn-submit:disabled{opacity:.75;cursor:default}.lgn-arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lgn-sep{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:14px;color:var(--lgn-chu-phu)}.lgn-sep:after,.lgn-sep:before{content:"";flex:1 1 auto;height:1px;background:var(--lgn-vien)}.lgn-call{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:44px;margin-top:8px;padding:4px 8px;border-radius:12px;color:var(--lgn-xanh);font-size:16px;font-weight:600;text-align:center;text-decoration:none}.lgn-call svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lgn-call:active{background:rgba(8,127,118,.08)}.lgn :focus-visible{outline:2px solid var(--lgn-xanh);outline-offset:2px}@media (max-width:359px){.lgn-wrap{padding:0 20px}.lgn-name{font-size:21px}.lgn-title{font-size:26px}}