.sca{min-height:100vh;color:var(--fg);background:var(--bg);font-family:var(--font-plex-arabic),var(--font-manrope),sans-serif;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:15px;line-height:1.6;display:grid}.sca a{color:inherit;text-decoration:none}.sca .side{border-inline-end:1px solid var(--line);background:radial-gradient(700px 360px at 30% -40px,var(--glow)0%,transparent 70%),radial-gradient(var(--dot)1px,transparent 1px)0 0/24px 24px,var(--bg);flex-direction:column;justify-content:space-between;gap:40px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.sca .brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.sca .brand .light{font-weight:500}.sca .side h1{letter-spacing:-.05em;background:linear-gradient(180deg,var(--fg)35%,var(--mist));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:64px;font-weight:800;line-height:1}.sca .ar{font-family:var(--font-plex-arabic),"IBM Plex Sans Arabic",sans-serif;width:fit-content;margin:18px 0 0;font-size:22px;font-weight:600}.sca .perks{gap:12px;max-width:420px;margin:32px 0 0;padding:0;list-style:none;display:grid}.sca .perks li{color:var(--mist);align-items:center;gap:12px;font-weight:600;display:flex}.sca .perks svg{background:var(--inv-bg);width:34px;height:34px;color:var(--inv-fg);border-radius:10px;flex-shrink:0;padding:8px}.sca .wv{height:28px;color:var(--fg);opacity:.8;max-width:520px;margin-top:36px;overflow:hidden}.sca .wv svg{width:200%;height:28px;animation:7s linear infinite sca-mq;display:block}.sca .bot{inset-inline-end:40px;opacity:.9;animation:5s ease-in-out infinite sca-fy;position:absolute;bottom:96px}.sca .side-foot{color:var(--mist);flex-wrap:wrap;gap:18px;font-size:13px;font-weight:600;display:flex}.sca .side-foot a:hover{color:var(--fg)}.sca .main{flex-direction:column;min-width:0;padding:24px 32px 40px;display:flex}.sca .top{justify-content:flex-end;align-items:center;gap:12px;display:flex}.sca .top .brand{margin-inline-end:auto;display:none}.sca .back{color:var(--mist);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.sca .back:hover{color:var(--fg)}.sca .icon-btn{border:1px solid var(--line2);background:var(--soft);width:40px;height:40px;color:var(--fg);cursor:pointer;border-radius:50%;place-items:center;transition:transform .2s;display:grid}.sca .icon-btn:hover{transform:rotate(-15deg)scale(1.06)}.sca .stage{flex:1;justify-content:center;align-items:center;padding:32px 0;display:flex}.sca .card{width:100%;max-width:440px;animation:.6s cubic-bezier(.2,.7,.2,1) both sca-in}.sca h2{letter-spacing:-.04em;margin:0;font-size:34px;font-weight:800;line-height:1.1}.sca .sub{color:var(--mist);margin:8px 0 28px}.sca form{gap:16px;display:grid}.sca .field{gap:7px;display:grid}.sca .field label,.sca .label{font-size:13px;font-weight:700}.sca .row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sca .link{color:var(--mist);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:700}.sca .link:hover{color:var(--fg);text-decoration:underline}.sca .input{border:1px solid var(--line2);background:var(--card1);width:100%;height:48px;color:var(--fg);font:inherit;border-radius:14px;outline:none;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.sca .input::placeholder{color:var(--mist);opacity:.7}.sca .input:focus{border-color:var(--fg);box-shadow:0 0 0 4px var(--hi)}.sca .input[aria-invalid=true]{border-color:var(--fg)}.sca .pw{position:relative}.sca .pw .input{padding-left:48px}.sca .pw button{inset-inline-end:6px;width:36px;height:36px;color:var(--mist);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:6px}.sca .pw button:hover{color:var(--fg);background:var(--soft)}.sca .reqs{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.sca .req{border:1px solid var(--line2);color:var(--mist);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.sca .req.ok{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}.sca .btn{width:100%;height:50px;font:inherit;color:var(--inv-fg);background:linear-gradient(110deg,var(--inv-bg)42%,var(--shine)50%,var(--inv-bg)58%)0 0/250% 100%;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;transition:transform .2s,opacity .2s;animation:3s linear infinite sca-shine;display:inline-flex}.sca .btn:hover:not(:disabled){transform:translateY(-2px)}.sca .btn:disabled{opacity:.45;cursor:not-allowed;background:var(--inv-bg);animation:none}.sca .ghost{border:1px solid var(--line2);height:48px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.sca .ghost:hover:not(:disabled){background:var(--soft);transform:translateY(-1px)}.sca .ghost:disabled{opacity:.5;cursor:not-allowed}.sca .alert{border:1px solid var(--fg);border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:4px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.sca .alert svg{flex-shrink:0;margin-top:2px}.sca .alert.info{border-color:var(--line2);background:var(--soft);font-weight:500}.sca .alert .link{color:var(--fg);text-decoration:underline}.sca .divider{color:var(--mist);align-items:center;gap:12px;margin:24px 0 16px;font-size:12px;font-weight:700;display:flex}.sca .divider:before,.sca .divider:after{content:"";background:var(--line);flex:1;height:1px}.sca .oauth{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sca .hint{color:var(--mist);text-align:center;margin:8px 0 0;font-size:12px}.sca .switch{text-align:center;color:var(--mist);margin:28px 0 0;font-size:14px}.sca .switch a{color:var(--fg);text-underline-offset:3px;font-weight:800;text-decoration:underline}.sca .roles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sca .role{border:1px solid var(--line2);cursor:pointer;background:var(--card1);border-radius:16px;flex-direction:column;gap:4px;padding:14px;transition:border-color .2s,background .2s;display:flex;position:relative}.sca .role input{opacity:0;pointer-events:none;position:absolute}.sca .role b{align-items:center;gap:8px;font-size:15px;display:flex}.sca .role span{color:var(--mist);font-size:12px;line-height:1.4}.sca .role:has(input:checked){border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}.sca .role:has(input:focus-visible){box-shadow:0 0 0 4px var(--hi)}.sca .role .dot{border:1.5px solid var(--line2);border-radius:50%;width:16px;height:16px;margin-inline-start:auto}.sca .role:has(input:checked) .dot{border:5px solid var(--fg)}.sca .done{text-align:center}.sca .done .ico{background:var(--inv-bg);width:64px;height:64px;color:var(--inv-fg);border-radius:20px;place-items:center;margin:0 auto 20px;display:grid}.sca .done .actions{gap:10px;margin-top:24px;display:grid}.sca .otp{text-align:center;letter-spacing:.5em;direction:ltr;height:64px;padding-inline-start:.5em;font-family:ui-monospace,Menlo,monospace;font-size:30px;font-weight:700}.sca .spin{animation:1s linear infinite sca-spin}@keyframes sca-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sca-mq{to{transform:translate(-50%)}}@keyframes sca-fy{50%{transform:translateY(-12px)}}@keyframes sca-spin{to{transform:rotate(360deg)}}@keyframes sca-in{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}@media (max-height:940px){.sca .bot{display:none}}@media (max-width:1000px){.sca{grid-template-columns:1fr}.sca .side{display:none}.sca .top .brand{display:inline-flex}.sca .main{background:radial-gradient(600px 300px at 50% -60px,var(--glow)0%,transparent 70%),radial-gradient(var(--dot)1px,transparent 1px)0 0/24px 24px,var(--bg);padding:16px 16px 32px}.sca .stage{align-items:flex-start;padding-top:28px}}@media (max-width:420px){.sca h2{font-size:28px}.sca .back span{display:none}.sca .oauth,.sca .roles{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sca *{animation:none!important}}