:root{--navy:#03152d;--panel:#07274c;--line:rgba(92,188,247,.22);--ink:#f5fbff;--muted:#9bb3c8;--cyan:#28c6ff;--blue:#0b7ff2;--green:#50deb1}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Alexandria","Tajawal",sans-serif;background:radial-gradient(circle at 18% 18%,rgba(0,143,255,.23),transparent 31%),radial-gradient(circle at 85% 75%,rgba(0,94,203,.18),transparent 28%),linear-gradient(145deg,#031126,#05264b 55%,#03152d)}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 48%,rgba(41,185,255,.05) 49%,transparent 50%);background-size:42px 42px;opacity:.45}button,input{font:inherit}.auth-header{position:relative;z-index:2;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 40px));margin:auto;border-bottom:1px solid rgba(85,181,241,.18)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:24px;line-height:1}.brand small{color:#a9c2d5;font-size:10px;margin-top:7px}.brand-mark{position:relative;width:38px;height:45px;display:flex;align-items:flex-end;gap:3px;transform:skew(-17deg)}.brand-mark i{display:block;width:10px;border-radius:8px;background:linear-gradient(#24c8ff,#0c67ef);box-shadow:0 0 18px rgba(24,169,255,.45)}.brand-mark i:nth-child(1){height:26px}.brand-mark i:nth-child(2){height:43px}.brand-mark i:nth-child(3){height:34px}.header-actions{display:flex;align-items:center;gap:14px}.header-actions>a{color:#b9d0e1;text-decoration:none;font-size:12px}.header-actions button{border:1px solid var(--line);background:rgba(4,31,61,.65);color:white;border-radius:12px;padding:8px 11px;cursor:pointer}.header-actions i{display:inline-block;width:1px;height:13px;background:var(--line);margin:0 7px;vertical-align:middle}.auth-main{position:relative;z-index:1;width:min(1080px,calc(100% - 36px));margin:auto;min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr 470px;gap:90px;align-items:center;padding:56px 0}.auth-intro{padding:20px}.eyebrow{display:inline-flex;color:#6cdcff;border:1px solid rgba(55,191,249,.28);background:rgba(15,111,202,.12);border-radius:99px;padding:7px 12px;font-size:11px}.auth-intro h1{font-size:clamp(38px,5vw,61px);line-height:1.28;letter-spacing:-2px;margin:20px 0 16px}.auth-intro>p{max-width:590px;color:#adc2d4;line-height:1.95;margin:0}.trust-list{display:grid;gap:13px;margin-top:36px}.trust-list article{display:flex;gap:14px;align-items:flex-start}.trust-list article>span{min-width:36px;height:36px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(46,190,255,.25);background:rgba(16,117,206,.14);color:#6bddff;font-size:10px}.trust-list b{font-size:13px}.trust-list p{color:#8ba5bb;font-size:11px;margin:4px 0 0;line-height:1.7}.auth-card{background:linear-gradient(155deg,rgba(9,47,89,.96),rgba(3,24,49,.98));border:1px solid rgba(71,188,249,.34);border-radius:26px;padding:25px;box-shadow:0 32px 90px rgba(0,5,20,.42)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(0,15,33,.48);border:1px solid rgba(80,168,225,.15);border-radius:14px;padding:5px;margin-bottom:26px}.auth-tabs button{border:0;border-radius:10px;padding:12px;background:transparent;color:#8da9bf;cursor:pointer;font-weight:700}.auth-tabs button.active{color:white;background:linear-gradient(135deg,#0a72dc,#12b9fa);box-shadow:0 8px 24px rgba(8,125,224,.25)}.form-head span{color:#65d8ff;font-size:10px}.form-head h2{font-size:25px;margin:6px 0}.form-head p{color:#91aabe;font-size:11px;line-height:1.7;margin:0 0 22px}.auth-card form>label{display:flex;flex-direction:column;gap:7px;color:#c6d9e8;font-size:11px;margin-bottom:15px}.auth-card input{width:100%;border:1px solid rgba(102,181,232,.25);background:rgba(0,14,32,.7);color:white;border-radius:12px;padding:13px 14px;outline:none}.auth-card input:focus{border-color:#29c5fb;box-shadow:0 0 0 3px rgba(41,197,251,.1)}.password-field{position:relative}.password-field input{padding-inline-end:70px}.password-toggle{position:absolute;top:50%;inset-inline-end:7px;transform:translateY(-50%);border:0;background:transparent;color:#63d4fa;font-size:10px;cursor:pointer;padding:8px}.auth-card label small{color:#718ba2;font-size:9px}.submit-button{width:100%;border:0;border-radius:12px;padding:13px 16px;background:linear-gradient(135deg,#0877e8,#19bff8);color:white;font-weight:700;cursor:pointer;box-shadow:0 13px 30px rgba(5,123,224,.25)}.submit-button:disabled{opacity:.55;cursor:wait}.switch-copy{text-align:center;color:#879fb4;font-size:10px;margin:17px 0 0}.switch-copy button{border:0;background:transparent;color:#6bdcff;cursor:pointer}.consent{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:9px!important;line-height:1.75}.consent input{width:17px;margin-top:3px}.consent a{color:#6ddcff}.form-feedback{min-height:20px;text-align:center;color:#ffabab;font-size:10px;margin:14px 0 0}.form-feedback.success{color:var(--green)}.security-note{border-top:1px solid var(--line);padding-top:14px;margin:6px 0 0;color:#728da3;font-size:9px;line-height:1.75;text-align:center}.confirmation-note{border:1px solid rgba(79,222,178,.3);background:rgba(53,204,157,.1);color:#7de5c4;border-radius:12px;padding:11px;text-align:center;font-size:10px;margin-bottom:17px}.success-panel{text-align:center;padding:24px 7px 10px}.success-icon{width:62px;height:62px;display:grid;place-items:center;margin:auto;border-radius:50%;background:rgba(65,221,173,.12);border:1px solid rgba(65,221,173,.38);color:#68e1bd;font-size:27px}.success-panel h2{font-size:24px;margin:16px 0 7px}.success-panel p{color:#91a9bd;font-size:11px;line-height:1.85;margin:0 0 20px}[dir="ltr"] .auth-intro h1{letter-spacing:-2.5px}@media(max-width:900px){.auth-main{grid-template-columns:1fr;gap:35px;max-width:620px}.auth-intro{text-align:center}.auth-intro>p{margin:auto}.trust-list{text-align:start}.auth-card{width:100%}}@media(max-width:560px){.auth-header{width:min(100% - 28px,1180px);min-height:74px}.brand small,.header-actions>a{display:none}.brand b{font-size:20px}.auth-main{width:min(100% - 24px,620px);padding:35px 0}.auth-intro{padding:8px}.auth-intro h1{font-size:34px;letter-spacing:-1px}.auth-intro>p{font-size:12px}.auth-card{border-radius:20px;padding:18px}.form-head h2{font-size:22px}}