:root{--p:#0b315b;--p2:#165a96;--gold:#d9a522;--dark:#071628;--text:#172033;--muted:#748094;--border:#dfe5ed;--danger:#c83c43}*{box-sizing:border-box}html,body,form{min-height:100%;margin:0}body{background:var(--dark);font-family:Cairo,sans-serif}.archive-login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:36px;background:linear-gradient(135deg,#041426fa,#092442f5)}.archive-login-bg{position:absolute;inset:0;overflow:hidden}.orb{position:absolute;border-radius:50%;opacity:.3;filter:blur(3px);animation:float 11s ease-in-out infinite}.orb.one{width:420px;height:420px;top:-180px;right:-100px;background:radial-gradient(circle,#276aa4,transparent 70%)}.orb.two{width:360px;height:360px;bottom:-160px;left:-80px;background:radial-gradient(circle,#d9a522,transparent 70%);animation-delay:-4s}.grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:42px 42px}.archive-login-shell{position:relative;z-index:2;width:min(1180px,100%);min-height:690px;display:grid;grid-template-columns:1.07fr .93fr;overflow:hidden;border:1px solid #ffffff20;border-radius:32px;background:#ffffff0f;box-shadow:0 34px 90px #0007;backdrop-filter:blur(18px)}.archive-brand-panel{position:relative;display:flex;justify-content:space-between;flex-direction:column;padding:48px;color:#fff;background:linear-gradient(155deg,#082341fa,#0e3f6bf2)}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .archive-logo-box{width:205px;height:205px;display:grid;place-items:center;margin-bottom:22px;overflow:hidden;border-radius:36px;background:#fff;box-shadow:0 24px 55px #0004}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .archive-logo-box img,.archive-mobile-logo img{width:95%;height:95%;object-fit:contain}.archive-kicker{display:inline-block;margin-bottom:10px;color:#e4bd58;font-size:11px;font-weight:700;letter-spacing:1.4px}.archive-brand-panel h1{max-width:560px;margin:0;font-size:clamp(26px,3vw,42px);font-weight:800;line-height:1.45}.archive-brand-panel p{max-width:560px;margin:15px 0 26px;color:#ffffffba;font-size:13px;line-height:2}.archive-feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.archive-feature{display:flex;gap:10px;padding:14px;border:1px solid #ffffff1f;border-radius:16px;background:#ffffff12}.archive-feature>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#d9a52229;color:#f0c85e}.archive-feature strong{display:block;margin-bottom:3px;font-size:10px}.archive-feature small{display:block;color:#ffffff94;font-size:8px;line-height:1.7}.archive-brand-footer{display:flex;flex-wrap:wrap;gap:18px;padding-top:18px;border-top:1px solid #ffffff1c;color:#ffffff9c;font-size:9px}.archive-brand-footer i{margin-left:5px;color:#e3b84c}.archive-form-panel{display:grid;place-items:center;padding:42px;background:#f7f9fc}.archive-login-card{width:min(420px,100%)}.archive-mobile-logo{display:none}.archive-heading{display:flex;align-items:center;gap:13px;margin-bottom:28px}.archive-heading>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--p),var(--p2));color:#fff;font-size:18px;box-shadow:0 12px 24px #0b315b38}.archive-heading h2{margin:0;color:var(--text);font-size:23px;font-weight:800}.archive-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.archive-field{margin-bottom:18px}.archive-field label{display:inline-block;margin-bottom:8px;color:var(--text);font-size:11px;font-weight:700}.archive-input-wrap{position:relative}.archive-input-wrap>i{position:absolute;z-index:2;top:50%;right:15px;transform:translateY(-50%);color:#8a96a7;font-size:13px}.archive-input{height:50px;padding-right:44px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:#fff!important;color:var(--text)!important;box-shadow:none!important;font-size:11px!important}.archive-password{padding-left:47px!important}.archive-input:focus{border-color:#14558fb3!important;box-shadow:0 0 0 4px #14558f17!important}.archive-eye{position:absolute;z-index:3;top:50%;left:8px;width:36px;height:36px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:10px;background:transparent;color:#788497;cursor:pointer}.archive-eye:hover{background:#f1f4f8;color:var(--p)}.archive-validation{display:block;margin-top:6px;color:var(--danger);font-size:9px;font-weight:600}.archive-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 22px;color:var(--muted);font-size:10px}.archive-options label{display:flex;align-items:center;gap:7px;cursor:pointer}.archive-options input{width:16px;height:16px;accent-color:var(--p)}.archive-options>span{font-size:9px}.archive-options i{margin-left:4px;color:#17875d}.archive-submit{width:100%;min-height:50px;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--p),var(--p2))!important;color:#fff!important;font-size:12px!important;font-weight:800!important;box-shadow:0 14px 28px #0b315b38}.archive-submit:hover{transform:translateY(-1px)}.archive-message{display:flex;align-items:flex-start;gap:9px;margin-bottom:18px;padding:12px 13px;border-radius:12px;font-size:10px;line-height:1.7}.archive-message-error{border:1px solid #c83c4338;background:#c83c4314;color:var(--danger)}.archive-help{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:var(--muted);font-size:9px}.archive-help i{color:#3e83bd}.archive-card-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:29px;padding-top:18px;border-top:1px solid var(--border);color:#9ba5b3;font-size:8px}.archive-card-footer span:first-child{color:var(--p);font-weight:800}.archive-page-footer{position:absolute;z-index:2;right:0;bottom:10px;left:0;color:#ffffff73;font-size:8px;text-align:center}@keyframes float{50%{transform:translate3d(12px,-20px,0) scale(1.05)}}@media(max-width:1050px){.archive-feature-list{grid-template-columns:1fr}.archive-logo-box{width:185px;height:185px}}@media(max-width:820px){.archive-login-page{padding:20px}.archive-login-shell{min-height:auto;grid-template-columns:1fr}.archive-brand-panel{display:none}.archive-form-panel{padding:34px 26px}.archive-mobile-logo{width:150px;height:150px;display:grid;place-items:center;margin:0 auto 20px;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 14px 30px #0b315b1f}}@media(max-width:480px){.archive-login-page{align-items:flex-start;padding:12px}.archive-login-shell{border-radius:22px}.archive-form-panel{padding:28px 18px}.archive-mobile-logo{width:125px;height:125px}.archive-options{align-items:flex-start;flex-direction:column}.archive-page-footer{position:static;margin-top:12px}}