:root{--teal-deep:#00657a;--teal-primary:#0b8fac;--teal-light:#7bc1b7;--teal-deeper:#004452;--teal-mist:#eaf5f4;--teal-mist-2:#f5faf9;--ink:#0c2224;--ink-soft:#4c6669;--ink-faint:#86999b;--line:#dee8e7;--line-soft:#eef4f3;--paper:#fff;--danger:#d64545;--danger-bg:#fceded;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--sh-sm:0 1px 2px #0c22240f;--sh-md:0 8px 24px #00657a1a;--sh-lg:0 30px 60px -20px #00445259;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(1100px 620px at 12% -10%, #7bc1b759, transparent 60%), radial-gradient(900px 560px at 105% 110%, #0b8fac4d, transparent 55%), var(--teal-mist-2);justify-content:center;align-items:center;padding:28px;font-family:Cairo,system-ui,-apple-system,sans-serif;display:flex}.auth-container{background:var(--paper);border-radius:var(--r-xl);width:100%;max-width:1080px;min-height:640px;box-shadow:var(--sh-lg);animation:containerAppear .7s var(--ease) both;grid-template-columns:1fr 1.05fr;display:grid;position:relative;overflow:hidden}@keyframes containerAppear{0%{opacity:0;transform:translateY(18px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.auth-container{grid-template-columns:1fr;max-width:480px;min-height:0}}.auth-hero{background:radial-gradient(560px 420px at 85% -10%, #7bc1b759, transparent 60%), linear-gradient(160deg, var(--teal-deeper) 0%, var(--teal-deep) 46%, var(--teal-primary) 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:46px 42px;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff24 1.4px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(560px 460px at 78% 30%,#000 0%,#0000 72%);mask-image:radial-gradient(560px 460px at 78% 30%,#000 0%,#0000 72%)}.logo-wrapper{width:92px;height:92px;box-shadow:var(--sh-md);background:#fff;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 24px;padding:6px;display:flex;overflow:hidden}.brand-logo-img{object-fit:cover;width:100%;height:100%}.hero-content{z-index:2;margin-inline:auto;text-align:center;flex-direction:column;align-items:center;max-width:360px;margin-top:26px;display:flex;position:relative}.hero-subtitle-tag{letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-bottom:18px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{margin-bottom:12px;font-size:30px;font-weight:800;line-height:1.3}.hero-desc{color:#ffffffd1;font-size:14px;line-height:1.85}.graphic-wrapper{inset-inline:0;z-index:2;justify-content:center;align-items:center;height:56px;display:flex;position:absolute;bottom:140px}.radar-circle{border:1px dashed #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.radar-circle:before{content:"";border:1px solid #ffffff47;border-radius:50%;width:110px;height:110px;position:absolute}.radar-ripple-1,.radar-ripple-2{border:1.5px solid #7bc1b7a6;border-radius:50%;position:absolute;inset:0}.radar-ripple-1{animation:3s cubic-bezier(.1,.8,.3,1) infinite ripple}.radar-ripple-2{animation:3s cubic-bezier(.1,.8,.3,1) 1.5s infinite ripple}@keyframes ripple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}.pin-container{z-index:3;flex-direction:column;justify-content:flex-end;align-items:center;width:62px;height:80px;display:flex;position:relative;transform:translateY(-26px)}@keyframes pinBob{0%,to{transform:translateY(-26px)}50%{transform:translateY(-32px)}}.map-pin{z-index:3;background:#fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;transform:rotate(-45deg);box-shadow:0 10px 22px #00445266}.map-pin:after{content:"";background:var(--teal-primary);border-radius:50%;width:17px;height:17px}.pin-base-platform{background:#ffffff52;border-radius:50%;width:58px;height:9px;margin-top:8px}.pin-shadow{background:radial-gradient(#00000059,#0000 70%);border-radius:50%;width:60px;height:15px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.auth-form-side{background:var(--paper);flex-direction:column;justify-content:center;padding:52px 46px;display:flex}.form-title{color:var(--ink);margin-bottom:6px;font-size:25px;font-weight:800}.form-subtitle{color:var(--ink-soft);margin-bottom:28px;font-size:13.5px;line-height:1.6}.fg{margin-bottom:18px}.fl{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.fc-wrapper{position:relative}.fc,.select-fc{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--teal-mist-2);width:100%;color:var(--ink);transition:all .2s var(--ease);outline:none;padding:12.5px 15px;font-family:inherit;font-size:14px;font-weight:500}.fc::placeholder{color:var(--ink-faint);font-weight:400}.fc:focus,.select-fc:focus{border-color:var(--teal-primary);background:var(--paper);box-shadow:0 0 0 4px #0b8fac21}.fc-wrapper .fc{padding-left:58px}.toggle-btn{color:var(--teal-deep);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:700;transition:background .2s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.toggle-btn:hover{background:var(--teal-mist)}.info-hint{color:var(--teal-deep);background:var(--teal-mist);border-radius:var(--r-sm);border-inline-start:3px solid var(--teal-primary);align-items:flex-start;gap:6px;margin-top:8px;padding:9px 12px;font-size:12px;line-height:1.6;display:flex}.error-message{color:var(--danger);margin-top:6px;font-size:12px;font-weight:600}.fc.is-invalid{border-color:var(--danger);background:var(--danger-bg)}.form-footer-options{justify-content:space-between;align-items:center;margin:4px 0 24px;font-size:13px;display:flex}.remember-label{cursor:pointer;color:var(--ink-soft);align-items:center;gap:7px;font-weight:600;display:flex}.remember-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--teal-primary);cursor:pointer}.btn-p{background:linear-gradient(135deg, var(--teal-primary), var(--teal-deep));color:#fff;border-radius:var(--r-sm);cursor:pointer;width:100%;transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s ease;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;display:flex;box-shadow:0 10px 22px -6px #00657a8c}.btn-p:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-p:active{transform:translateY(0)}.btn-p:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:var(--ink-soft);margin-top:26px;font-size:13px}.auth-footer a{color:var(--teal-deep);font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.loader-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:50;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .25s;display:flex;position:absolute;inset:0}.loader-overlay.active{opacity:1;pointer-events:all}.loader-spinner-box{justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.spinner{border:3px solid var(--teal-mist);border-top-color:var(--teal-primary);border-radius:50%;animation:.8s linear infinite spin;position:absolute;inset:0}.loader-icon{font-size:18px}.loader-text{color:var(--teal-deep);font-size:13.5px;font-weight:700}.loader-timeout{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:280px;display:none}.loader-timeout-icon{font-size:28px}.loader-timeout-msg{color:var(--ink-soft);font-size:13px;line-height:1.7}.loader-timeout-btn{background:linear-gradient(135deg, var(--teal-primary), var(--teal-deep));color:#fff;border-radius:var(--r-sm);cursor:pointer;transition:filter .2s ease, transform .2s var(--ease);border:none;padding:9px 22px;font-family:inherit;font-size:13px;font-weight:700}.loader-timeout-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.loader-overlay.show-timeout .loader-spinner-box,.loader-overlay.show-timeout .loader-text{display:none}.loader-overlay.show-timeout .loader-timeout{display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.auth-hero{display:none}.auth-form-side{padding:42px 30px}}@media (width<=420px){body{padding:14px}.auth-form-side{padding:32px 22px}.form-footer-options{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}