.login-page{position:relative;min-height:100vh;width:100%;background:#0b1f1a;overflow:hidden;font-family:Inter,Segoe UI,sans-serif}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/ODH_Background.jpeg) no-repeat center center;background-size:cover;z-index:0}.login-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#092822bf,#0928228c 35%,#476f5fd9 55%,#363e3bf2);z-index:1}.login-shell{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding-right:6%}.login-page.rtl .login-shell{justify-content:flex-start;padding-right:6%;padding-left:0}.login-card{width:560px;max-width:90vw;background:#ffffffeb;border-radius:14px;padding:32px;box-shadow:0 20px 60px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-sizing:border-box;overflow-x:hidden}.login-card__header{margin-bottom:24px}.login-card__topbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.login-page.rtl .login-card__topbar{justify-content:flex-start}.lang-switch{background:#0000000d;border:1px solid #ccc;border-radius:20px;padding:6px 14px;font-size:.8rem;cursor:pointer;transition:all .2s;font-weight:500;color:#2e7d6b}.lang-switch:hover{background:#0000001a}.brand-block{text-align:center;margin-bottom:24px}.brand-block__eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#2e7d6b;font-weight:600}.brand-block__title{font-size:28px;font-weight:700;color:#1a1a1a;margin-top:4px}.welcome-block__title{font-size:24px;font-weight:600;color:#1a1a1a}.welcome-block__subtitle{font-size:14px;color:#666;margin-top:6px}.login-form{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.form-group{display:flex;flex-direction:column}.form-label{font-size:13px;margin-bottom:6px;color:#444;text-align:left;direction:ltr}.login-page.rtl .form-label{text-align:right;direction:rtl}.form-input{height:44px;border-radius:8px;border:1px solid #ddd;padding:0 14px;font-size:14px;background:#f9f9f9;transition:all .2s ease;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:#2e7d6b;background:#fff}.password-field{position:relative}.password-field__input{padding-right:50px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#eee;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px}.login-form__options{display:flex;justify-content:space-between;align-items:center}.checkbox{font-size:13px;color:#444}.text-link{font-size:13px;color:#2e7d6b;text-decoration:none;background:none;border:none;cursor:pointer;padding:0}.submit-button{height:44px;border-radius:8px;background:linear-gradient(180deg,#2f7a68,#2a6e5e);color:#fff;font-weight:600;border:none;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.submit-button:hover{transform:translateY(-1px);opacity:.95}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-card__footer{margin-top:20px;text-align:center;font-size:13px;color:#666}.login-security{margin-top:10px;font-size:12px;color:#888}.form-error,.form-success{margin-bottom:12px;font-size:.85rem;padding:6px 0;text-align:center}.form-error{color:#d32f2f}.form-success{color:#2e7d6b}.change-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:420px;margin:0 auto 8px;box-sizing:border-box}.change-password-grid>*{min-width:0;overflow-wrap:break-word}.change-password-form .submit-button{width:auto;min-width:200px;margin:0 auto}.change-password-form .text-link{display:block;width:auto;margin:0 auto;text-align:center}.change-password-form{display:flex;flex-direction:column;align-items:center;gap:16px}@media (max-width: 560px){.change-password-grid{grid-template-columns:1fr!important;gap:12px;max-width:100%}.change-password-form .submit-button{width:100%;margin:0}.change-password-form .text-link{width:100%}}.login-page.rtl .password-field__input{padding-left:50px;padding-right:14px}.login-page.rtl .password-toggle{left:10px;right:auto}.login-page.rtl .login-form__options{flex-direction:row-reverse}.login-page.rtl .login-card,.login-page.rtl .login-card *:not(.login-card__footer):not(.login-card__footer *):not(.login-card__header):not(.welcome-block):not(.welcome-block__title):not(.welcome-block__subtitle){text-align:start}.login-page.rtl .login-card__footer,.login-page.rtl .login-card__footer *,.login-page.rtl .login-card__header,.login-page.rtl .welcome-block,.login-page.rtl .welcome-block__title,.login-page.rtl .welcome-block__subtitle,.login-page.rtl .brand-block{text-align:center}.verify-code-group{display:flex;justify-content:center;gap:12px;margin-top:8px;flex-wrap:wrap}.verify-code-input{width:50px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;border:1px solid #ddd;border-radius:8px;background:#f9f9f9;transition:all .2s ease;box-sizing:border-box}.verify-code-input:focus{outline:none;border-color:#2e7d6b;background:#fff;box-shadow:0 0 0 2px #2e7d6b33}.verify-code-input:disabled{background:#e9ecef;cursor:not-allowed}.readonly-email{background-color:#f0f0f0;color:#555;cursor:default}@media (max-width: 480px){.verify-code-input{width:40px;height:48px;font-size:1.2rem}.verify-code-group{gap:8px}}.login-card .login-form{width:100%}@font-face{font-family:DIN NEXT Arabic Medium;src:url(/fonts/DIN-NEXT-ARABIC-MEDIUM.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}html,body,*{font-family:DIN NEXT Arabic Medium,sans-serif;margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media print{*{break-inside:avoid!important}.force-page-break{page-break-before:always!important;break-before:always!important}.avoid-page-break{break-inside:avoid!important;page-break-inside:avoid!important}table,th,td{border:1px solid black!important;color:#000!important}body{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}