@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";.cinematic-login{color:#f8fafc;background:#080d16;min-width:320px;min-height:100vh;margin:0;font-family:Cairo,Segoe UI,Tahoma,sans-serif;overflow:hidden}.login-stage{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.login-backdrop{z-index:-6;will-change:transform;background-image:url(/assets/login-cinematic.webp);background-position:50%;background-size:cover;animation:42s ease-in-out infinite alternate cinematic-drift;position:absolute;inset:-5%;transform:scale(1.08)}.login-vignette{z-index:-5;background:linear-gradient(90deg,#04080f14 0%,#04080f0f 43%,#04080fa3 100%),linear-gradient(#03070d33,#0000 42%,#03070db3);position:absolute;inset:0}.login-aurora{z-index:-4;filter:blur(90px);opacity:.24;will-change:transform;border-radius:50%;position:absolute}.login-aurora--one{background:#ff7417;width:38vw;height:38vw;animation:34s ease-in-out infinite alternate aurora-one;top:-24vw;right:10vw}.login-aurora--two{background:#264f92;width:34vw;height:34vw;animation:38s ease-in-out infinite alternate aurora-two;bottom:-26vw;left:18vw}.login-rings{z-index:-3;aspect-ratio:1;opacity:.16;width:min(34vw,520px);animation:28s ease-in-out infinite alternate rings-breathe;position:absolute;bottom:9vh;left:7vw}.login-rings i{border:1px solid #ffffff4d;border-radius:50%;position:absolute;inset:0}.login-rings i:nth-child(2){border-color:#ff913657;inset:17%}.login-rings i:nth-child(3){inset:34%}.login-grain{z-index:5;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.login-brand{z-index:10;align-items:center;gap:12px;display:flex;position:absolute;top:clamp(28px,5vh,54px);right:clamp(28px,5vw,74px)}.login-brand__mark{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff29;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 16px 45px #00000040}.login-brand__mark img{object-fit:cover;width:100%;height:100%}.login-brand__copy{gap:1px;display:grid}.login-brand__copy strong{letter-spacing:-.3px;font-size:17px;font-weight:800}.login-brand__copy small{color:#ffffffb8;font-size:9px;font-weight:600}.login-message{z-index:2;direction:rtl;width:min(43vw,660px);position:absolute;top:50%;left:clamp(36px,7vw,118px);transform:translateY(-50%)}.login-message__eyebrow{color:#ffffffd1;letter-spacing:.5px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:inline-flex}.login-message__eyebrow i{background:linear-gradient(90deg,#0000,#ff8a26);width:28px;height:1px}.login-message h1{color:#f8fafc;letter-spacing:-3px;text-shadow:0 8px 36px #0000003d;max-width:650px;margin:20px 0 16px;font-size:clamp(44px,5.2vw,78px);font-weight:700;line-height:1.16}.login-message h1 span{color:#ff8a26}.login-message p{color:#ffffffc7;max-width:520px;margin:0;font-size:13px;line-height:2}.login-message__trust{color:#ffffffbd;gap:22px;margin-top:27px;font-size:9px;font-weight:700;display:flex}.login-message__trust span{align-items:center;gap:7px;display:inline-flex}.login-message__trust svg{color:#ff9b45;width:15px;height:15px}.login-card{z-index:10;color:#181b22;-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2);background:#fafafbe0;border:1px solid #ffffff8f;border-radius:28px;width:min(420px,100vw - 48px);padding:34px 34px 27px;position:absolute;top:50%;right:clamp(28px,6vw,104px);overflow:hidden;transform:translateY(-50%);box-shadow:0 38px 90px #00000057,inset 0 1px #ffffffe6}.login-card__shine{filter:blur(42px);pointer-events:none;background:#ffffff9e;border-radius:50%;width:250px;height:190px;position:absolute;top:-100px;right:-90px}.login-card__header{align-items:flex-start;gap:14px;margin-bottom:28px;display:flex;position:relative}.login-card__icon{color:#e96800;background:#fff1e5;border:1px solid #e566001a;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.login-card__icon svg{width:19px;height:19px}.login-card__header>div{min-width:0}.login-card__label{color:#e56800;font-size:8px;font-weight:800}.login-card__header h2{color:#17191f;letter-spacing:-.8px;margin:2px 0 3px;font-size:28px;line-height:1.4}.login-card__header p{color:#656871;margin:0;font-size:9px;line-height:1.7}.cinematic-form{gap:17px;display:grid;position:relative}.cinematic-field{gap:8px;display:grid}.cinematic-field__label{color:#44474f;font-size:9px;font-weight:800}.cinematic-field__control{background:#ffffffd6;border:1px solid #e0e2e6;border-radius:15px;align-items:center;gap:11px;min-height:55px;padding:0 15px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex;box-shadow:0 5px 18px #12172009}.cinematic-field__control:focus-within{background:#fff;border-color:#e86800b8;box-shadow:0 0 0 4px #e8680014,0 10px 26px #1217200f}.cinematic-field__control>svg{color:#e56800;flex:none;width:18px;height:18px}.cinematic-field__control input{color:#22252c;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:10px;font-weight:600}.cinematic-field__control input::placeholder{color:#6f737b;font-weight:500}.cinematic-password-toggle{color:#9a9da3;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;padding:0;transition:color .2s,background .2s;display:grid}.cinematic-password-toggle:hover{color:#e56800;background:#fff1e5}.cinematic-password-toggle svg{width:17px;height:17px}.cinematic-submit{color:#fff;min-height:55px;font:inherit;cursor:pointer;background:linear-gradient(110deg,#ff8424 0%,#e45b00 100%);border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;margin-top:3px;padding:0 18px;font-size:11px;font-weight:800;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;box-shadow:0 13px 26px #da52003d}.cinematic-submit:hover{filter:saturate(1.06);transform:translateY(-2px);box-shadow:0 17px 32px #da52004d}.cinematic-submit:active{transform:translateY(0)}.cinematic-submit:disabled{cursor:wait;filter:grayscale(.3)}.cinematic-submit svg{width:17px;height:17px;transform:rotate(180deg)}.login-card__footer{color:#696c73;border-top:1px solid #1b1f2814;justify-content:center;align-items:center;gap:7px;margin-top:22px;padding-top:19px;font-size:8px;font-weight:600;display:flex}.login-card__footer svg{color:#3b9a62;width:13px;height:13px}.login-alert{text-align:center;border:1px solid #0000;border-radius:12px;margin:-10px 0 18px;padding:11px 13px;font-size:9px;line-height:1.7;position:relative}.login-alert--error{color:#a72a24;background:#fff0ef;border-color:#a72a241a}.login-alert--success{color:#287846;background:#edf9f1;border-color:#2878461a}.login-footer{z-index:3;color:#ffffffa8;justify-content:space-between;align-items:center;font-size:8px;font-weight:600;display:flex;position:absolute;bottom:28px;left:clamp(28px,5vw,74px);right:clamp(28px,5vw,74px)}@keyframes cinematic-drift{0%{transform:scale(1.08)translate(0,0)}to{transform:scale(1.16)translate(-1.4%,1%)}}@keyframes aurora-one{0%{opacity:.15;transform:translate(0,0)scale(.9)}to{opacity:.28;transform:translate(-8vw,10vh)scale(1.15)}}@keyframes aurora-two{0%{transform:translate(0,0)scale(.95)}to{transform:translate(7vw,-8vh)scale(1.12)}}@keyframes rings-breathe{0%{opacity:.1;transform:scale(.96)rotate(-3deg)}to{opacity:.2;transform:scale(1.07)rotate(4deg)}}@media (width<=1100px){.login-message{width:43vw;left:4vw}.login-message h1{font-size:clamp(40px,5vw,62px)}.login-card{width:min(400px,44vw);right:4vw}}@media (width>=821px) and (height<=720px){.login-brand{top:20px}.login-card{padding:25px 30px 21px}.login-card__header{margin-bottom:19px}.login-card__header h2{font-size:25px}.cinematic-form{gap:13px}.cinematic-field__control,.cinematic-submit{min-height:50px}.login-card__footer{margin-top:16px;padding-top:14px}}@media (width<=820px){.cinematic-login{overflow-y:auto}.login-stage{place-items:center;min-height:100svh;padding:110px 20px 72px;display:grid}.login-backdrop{background-position:38%;inset:-8%}.login-vignette{background:linear-gradient(#04080f59,#04080f33 45%,#04080fb8),linear-gradient(90deg,#04080f40,#04080f8c)}.login-brand{top:25px;right:24px}.login-message,.login-rings{display:none}.login-card{width:min(430px,100%);position:relative;top:auto;right:auto;transform:none}.login-footer{bottom:22px;left:24px;right:24px}}@media (width<=520px){.login-stage{align-items:start;padding:98px 14px 70px}.login-brand__mark{width:43px;height:43px}.login-card{border-radius:23px;padding:27px 22px 23px}.login-card__header{margin-bottom:24px}.login-card__header h2{font-size:25px}.login-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.login-backdrop,.login-aurora,.login-rings{animation:none!important}}