.auth{--paper:#f6f4ef;--ink:#191815;--muted:#716b62;--line:#ded9d0;--focus:#81739e;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-ui), Arial, sans-serif;-webkit-font-smoothing:antialiased}.auth[lang=ar]{font-family:var(--font-arabic-sans), var(--font-ui), sans-serif}.auth *,.auth :before,.auth :after{box-sizing:border-box}.auth a{color:inherit;text-underline-offset:4px;text-decoration:underline}.auth button,.auth input{font:inherit}.auth button,.auth a,.auth input{-webkit-tap-highlight-color:transparent}.auth a:focus-visible,.auth button:focus-visible,.auth input:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.auth h1,.auth h2,.auth p{margin:0}.auth .auth-header{justify-content:space-between;align-items:center;height:100px;padding:0 5vw;display:flex}.auth .auth-header img{width:145px;height:auto;display:block}.auth .auth-header>a:last-child{color:#645f57;font-size:13px;text-decoration:none}.auth .auth-main{grid-template-columns:1fr 1fr;align-items:center;gap:90px;max-width:1280px;margin:12px auto 45px;padding:0 35px;display:grid}.auth .story{background:#e8e4f0;border:1px solid #dfd9e7;border-radius:26px;flex-direction:column;justify-content:center;min-height:650px;padding:48px;display:flex}.auth .eyebrow{letter-spacing:1.8px;color:var(--ink);font-family:inherit;font-size:10px;font-weight:700}.auth[lang=ar] .eyebrow{letter-spacing:0;font-size:11px}.auth .story h2{letter-spacing:-1.8px;margin:25px 0;font-size:45px;font-weight:700;line-height:1.13}.auth[lang=ar] .story h2{letter-spacing:0;line-height:1.3}.auth .serif{font-family:Georgia,serif;font-style:italic;font-weight:400}.auth[lang=ar] .serif{font-family:var(--font-arabic-serif), Georgia, serif;font-style:normal}.auth .story>p{color:#615b68;max-width:380px;font-size:16px;line-height:1.8}.auth .workflow{margin:30px 0 0;padding:0;list-style:none}.auth .workflow li{border-top:1px solid #d3ccdf;align-items:center;gap:16px;padding:18px 0;display:flex}.auth .workflow span{background:#fff8;border:1px solid #fff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;display:grid}.auth .workflow b{font-size:15px}.auth .workflow small{color:#6c6374;margin-top:5px;font-size:12px;display:block}.auth .signin .story,.auth.signin .story{background:#e5ebdf;border-color:#d9e0d3}.auth .signin .workflow li,.auth.signin .workflow li{border-color:#ccd6c4}.auth .signin .story>p,.auth .signin .workflow small,.auth.signin .story>p,.auth.signin .workflow small{color:#5f6b57}.auth .form-side{width:100%;max-width:420px;padding:25px 0}.auth .form-side h1{letter-spacing:-1.3px;margin:16px 0 12px;font-size:38px;font-weight:700;line-height:1.15}.auth[lang=ar] .form-side h1{letter-spacing:0;line-height:1.3}.auth .intro{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.7}.auth .social,.auth .submit{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:14px 18px;font-size:15px;font-weight:500;display:flex}.auth .social{color:var(--ink);background:#fff;border:1px solid #dcd6cc}.auth .social+.social{margin-top:10px}.auth .social img,.auth .social svg{width:19px;height:19px}.auth .divider{color:#686154;align-items:center;gap:15px;margin:24px 0;font-size:11px;display:flex}.auth .divider:before,.auth .divider:after{content:"";background:var(--line);flex:1;height:1px}.auth label{margin:18px 0 9px;font-size:13px;font-weight:500;display:block}.auth label span{color:#686154;font-weight:400}.auth input{width:100%;color:var(--ink);background:#fff;border:1px solid #8b8376;border-radius:12px;height:48px;padding:13px 14px;font-size:16px}.auth input::placeholder{color:#736b60;opacity:1}.auth .pw-wrap{position:relative}.auth .pw-wrap input{padding-inline-end:65px}.auth .show-pw{inset-inline-end:5px;cursor:pointer;color:#655e53;background:0 0;border:0;min-width:44px;min-height:44px;font-size:12px;position:absolute;top:2px}.auth .password-label{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.auth .password-label a{padding:8px 0;font-size:12px;font-weight:400}.auth .rules{color:#686154;grid-template-columns:1fr 1fr;gap:7px 12px;margin:12px 0 22px;padding:0;font-size:12px;list-style:none;display:grid}.auth .rules li:before{content:"○";margin-inline-end:6px}.auth .rules .met{color:#287051}.auth .rules .met:before{content:"✓"}.auth .submit{background:var(--ink);color:#fff;border:1px solid var(--ink);justify-content:space-between;margin-top:22px;text-decoration:none}.auth .submit:disabled,.auth .social:disabled{opacity:.7;cursor:progress}.auth .legal,.auth .switch,.auth .help{color:#686154;text-align:center;font-size:13px;line-height:1.7}.auth .legal{margin:14px 0 22px}.auth .switch{color:#5f594f}.auth .switch a{color:var(--ink);font-weight:700}.auth .help{margin-top:25px}.auth .status{background:#e9e4f0;border-radius:10px;margin-top:15px;padding:14px;font-size:13px;line-height:1.6}.auth .status.error{background:#f6e6e1}.auth .status[hidden]{display:none}.auth .status:focus{outline:2px solid var(--focus);outline-offset:2px}.auth .verification-icon{background:#e6eddf;border:1px solid #d3dccc;border-radius:17px;place-items:center;width:60px;height:60px;margin-bottom:28px;font-size:25px;display:grid}.auth .small-note{color:#72695f;margin:0 0 12px;font-size:12px;line-height:1.8}.auth .verification-email{color:var(--ink);overflow-wrap:anywhere;font-weight:700}.auth .quiet-button{cursor:pointer;min-height:44px;color:var(--ink);background:#fff;border:1px solid #d8d1c7;border-radius:12px;margin-top:8px;padding:12px 18px;font-size:13px}.auth .quiet-button:disabled{opacity:.7;cursor:default}.auth .field{margin:0 0 18px}.auth .auth-footer{color:#686154;justify-content:center;gap:24px;padding:12px 20px 30px;font-size:11px;display:flex}.auth .auth-footer a{text-decoration:none}@media (prefers-reduced-motion:reduce){.auth *{scroll-behavior:auto!important;transition:none!important}}@media (max-width:1000px){.auth .auth-main{gap:40px}.auth .story{padding:30px}.auth .story h2{font-size:38px}}@media (max-width:760px){.auth .auth-header{height:80px;padding:0 24px}.auth .auth-header img{width:128px}.auth .auth-header>a:last-child{font-size:12px}.auth .auth-main{flex-direction:column;gap:28px;margin:0 auto 25px;padding:0 25px;display:flex}.auth .form-side{order:0;padding:25px 0 10px}.auth .story{order:1;width:100%;max-width:420px;min-height:0;padding:30px}.auth .story h2{font-size:32px}.auth .story>p{font-size:14px}.auth .workflow{margin-top:15px}.auth .form-side h1{font-size:34px}}