*{box-sizing:border-box}.ot-login-page{min-height:100vh;background:linear-gradient(180deg,#f3f6fa,#fff);font-family:'Cairo',sans-serif;color:#0f172a}.ot-login-header{height:78px;background:#080d16;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.08)}.ot-login-header__brand img{max-height:42px;max-width:190px;display:block}.ot-login-header nav{display:flex;align-items:center;gap:10px}.ot-login-header nav a{color:#d7dfeb;text-decoration:none;font-weight:800;font-size:14px;padding:10px 14px;border-radius:999px}.ot-login-header nav a:hover{background:rgba(255,255,255,.08);color:#fff}.ot-login-main{padding:46px 18px 20px;display:flex;align-items:center;justify-content:center}.ot-login-shell{width:min(1120px,100%);display:grid;grid-template-columns:1fr .86fr;background:#fff;border:1px solid #dde5ef;border-radius:32px;overflow:hidden;box-shadow:0 28px 90px rgba(15,23,42,.12)}.ot-login-brand-panel{background:radial-gradient(circle at 72% 22%,rgba(227,6,19,.38),transparent 28%),linear-gradient(135deg,#0b111d 0%,#101827 55%,#920711 100%);padding:50px;color:#fff;min-height:585px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.ot-login-brand-panel:after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.08);border-radius:28px;pointer-events:none}.ot-login-badge{display:inline-flex;width:max-content;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;position:relative;z-index:1}.ot-login-badge i{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.14)}.ot-login-brand-panel h1{font-size:40px;line-height:1.25;margin:24px 0 16px;font-weight:900;color:#fff;position:relative;z-index:1;letter-spacing:-.8px}.ot-login-brand-panel p{color:#d9e2ee;line-height:2;font-size:16px;margin:0;max-width:620px;position:relative;z-index:1}.ot-login-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;position:relative;z-index:1}.ot-login-value-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:16px}.ot-login-value-grid strong{display:block;font-size:17px;color:#fff}.ot-login-value-grid span{display:block;color:#c9d3e2;font-size:13px;line-height:1.8;margin-top:5px}.ot-login-card{padding:48px;display:flex;flex-direction:column;justify-content:center;background:#fff}.ot-login-card__head span{display:inline-flex;background:#fff1f2;color:#e30613;border-radius:999px;padding:8px 13px;font-weight:900;font-size:13px}.ot-login-card__head h2{font-size:34px;font-weight:900;color:#0f172a;margin:16px 0 8px;letter-spacing:-.4px}.ot-login-card__head p{color:#64748b;margin:0 0 28px;line-height:1.8}.ot-login-form{display:grid;gap:18px}.ot-field label{display:block;color:#0f172a;font-weight:900;margin-bottom:8px}.ot-field input{width:100%;height:56px;border-radius:18px;border:1px solid #dbe3ee;background:#f8fafc;padding:0 16px;color:#0f172a;outline:none;transition:.2s;text-align:right;font-weight:700}.ot-field input:focus{border-color:#e30613;background:#fff;box-shadow:0 0 0 5px rgba(227,6,19,.08)}.ot-error{display:block;color:#e30613;font-size:13px;margin-top:8px}.ot-login-options{display:flex;justify-content:space-between;gap:16px;align-items:center}.ot-check{display:flex;align-items:center;gap:8px;color:#334155;font-weight:800}.ot-check input{accent-color:#e30613}.ot-login-options a{color:#e30613;font-weight:900;text-decoration:none}.ot-login-submit{height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,#e30613,#b9000b);color:#fff;font-weight:900;box-shadow:0 18px 38px rgba(227,6,19,.25);cursor:pointer;font-family:'Cairo',sans-serif}.ot-login-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.ot-login-links a{text-align:center;background:#f8fafc;border:1px solid #e4e9f2;color:#0f172a;border-radius:14px;padding:11px;font-size:12px;font-weight:900;text-decoration:none}.ot-login-submit:hover,.ot-login-links a:hover{transform:translateY(-1px)}.ot-login-footer{min-height:54px;display:flex;align-items:center;justify-content:center;gap:20px;color:#64748b;font-size:13px;padding:0 18px 20px}.ot-login-footer a{color:#0f172a;font-weight:800;text-decoration:none}.ot-login-footer a:hover{color:#e30613}@media(max-width:900px){.ot-login-shell{grid-template-columns:1fr}.ot-login-brand-panel{min-height:auto;padding:34px;order:-1}.ot-login-card{padding:34px}.ot-login-brand-panel h1{font-size:32px}.ot-login-header{height:auto;padding:16px;gap:12px;flex-wrap:wrap}.ot-login-header nav{width:100%;justify-content:center}}@media(max-width:540px){.ot-login-main{padding:18px 12px}.ot-login-value-grid,.ot-login-links{grid-template-columns:1fr}.ot-login-card,.ot-login-brand-panel{padding:24px}.ot-login-card__head h2{font-size:28px}.ot-login-brand-panel h1{font-size:28px}.ot-login-footer{flex-wrap:wrap}}