.biometric-login-wrap{margin:12px 0 4px;text-align:center}.btn-biometric-login{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border:2px solid rgba(30,60,114,0.25);border-radius:10px;background:linear-gradient(135deg,#f0f7ff 0%,#e8f4ec 100%);color:#1e3c72;font-family:Cairo,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s,border-color 0.2s}.btn-biometric-login:hover:not(:disabled){background:linear-gradient(135deg,#dce9f9 0%,#d4edda 100%);border-color:#1e3c72}.btn-biometric-login:disabled{opacity:0.45;cursor:not-allowed}.btn-biometric-login i{font-size:1.25rem}.biometric-login-hint{margin:6px 0 0;font-size:12px;color:#64748b;line-height:1.4}.login-identifier-input{text-transform:none}.login-user-type-group{margin-bottom:0.7rem}.login-user-type-label{display:block;margin-bottom:0.35rem;font-weight:700;font-size:0.82rem;color:#1e293b}.login-user-type-select-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-user-type-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.login-user-type-row{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;width:100%;min-width:0;padding:7px 5px 6px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#334155;font-family:Cairo,sans-serif;text-align:center;cursor:pointer;transition:border-color 0.22s,background 0.22s,box-shadow 0.22s,transform 0.15s;box-shadow:0 1px 4px rgba(15,23,42,0.03);overflow:hidden}.login-user-type-row::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:2px;width:auto;background:transparent;border-radius:2px 2px 0 0;transition:background 0.22s}.login-user-type-row:hover{border-color:#cbd5e1;box-shadow:0 2px 8px rgba(15,23,42,0.05);transform:translateY(-1px)}.login-user-type-row:focus-visible{outline:2px solid #1e3c72;outline-offset:1px}.login-user-type-row__radio{position:absolute;top:5px;inset-inline-start:5px;width:11px;height:11px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;flex-shrink:0;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s;box-shadow:inset 0 0 0 1px #fff}.login-user-type-row__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:1px;border-radius:10px;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 2px 6px rgba(15,23,42,0.08)}.login-user-type-row__icon--customer{background:linear-gradient(135deg,#ec4899,#db2777)}.login-user-type-row__icon--traveler{background:linear-gradient(135deg,#14b8a6,#0e7490)}.login-user-type-row__content{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;width:100%}.login-user-type-row__content strong{font-size:0.76rem;font-weight:800;color:#0f172a;line-height:1.15}.login-user-type-row__content small{font-size:0.58rem;font-weight:600;color:#64748b;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.login-user-type-row__tick{position:absolute;top:4px;inset-inline-end:4px;display:flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:999px;background:#f1f5f9;color:transparent;font-size:0.48rem;flex-shrink:0;transition:background 0.22s,color 0.22s,transform 0.22s}.login-user-type-row.login-user-type-btn--active[data-login-user-type="customer"]{border-color:#f472b6;background:linear-gradient(180deg,#fff5f9 0%,#fff 70%);box-shadow:0 3px 10px rgba(236,72,153,0.1)}.login-user-type-row.login-user-type-btn--active[data-login-user-type="customer"]::before{background:linear-gradient(90deg,#ec4899,#db2777)}.login-user-type-row.login-user-type-btn--active[data-login-user-type="customer"] .login-user-type-row__radio{border-color:#ec4899;background:#ec4899;box-shadow:inset 0 0 0 2px #fff5f9}.login-user-type-row.login-user-type-btn--active[data-login-user-type="customer"] .login-user-type-row__tick{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;transform:scale(1.03)}.login-user-type-row.login-user-type-btn--active[data-login-user-type="traveler"]{border-color:#2dd4bf;background:linear-gradient(180deg,#f0fdfa 0%,#fff 70%);box-shadow:0 3px 10px rgba(20,184,166,0.1)}.login-user-type-row.login-user-type-btn--active[data-login-user-type="traveler"]::before{background:linear-gradient(90deg,#14b8a6,#0e7490)}.login-user-type-row.login-user-type-btn--active[data-login-user-type="traveler"] .login-user-type-row__radio{border-color:#14b8a6;background:#14b8a6;box-shadow:inset 0 0 0 2px #f0fdfa}.login-user-type-row.login-user-type-btn--active[data-login-user-type="traveler"] .login-user-type-row__tick{background:linear-gradient(135deg,#14b8a6,#0e7490);color:#fff;transform:scale(1.03)}.login-user-type-list--social{grid-template-columns:repeat(2,minmax(0,1fr))}.login-user-type-list--social .login-user-type-row{padding:7px 5px}.login-user-type-list--social .login-user-type-row__radio{display:none}.login-user-type-list--social .login-user-type-row__tick{display:none}.login-user-type-list--social .login-user-type-row__arrow{display:none}.login-user-type-row--customer:hover{border-color:#f472b6;background:linear-gradient(180deg,#fff5f9,#fff)}.login-user-type-row--traveler:hover{border-color:#2dd4bf;background:linear-gradient(180deg,#f0fdfa,#fff)}.social-user-type-modal .social-user-type-intro{margin-bottom:0.65rem;text-align:center;color:#64748b;font-size:0.82rem}@media (max-width:420px){.login-user-type-list{gap:5px}.login-user-type-row{padding:6px 4px}.login-user-type-row__icon{width:36px;height:36px;font-size:0.92rem;border-radius:9px}.login-user-type-row__content strong{font-size:0.72rem}.login-user-type-row__content small{font-size:0.54rem}.login-user-type-row__radio{width:10px;height:10px;top:4px;inset-inline-start:4px}.login-user-type-row__tick{width:13px;height:13px;top:3px;inset-inline-end:3px;font-size:0.42rem}}