.auth-page{background:radial-gradient(circle at 76% 14%,#c736b014,#0000 24%),#0b090b;min-height:100dvh;padding:14px}.auth-layout{direction:ltr;grid-template-columns:minmax(420px,.95fr) minmax(520px,1.85fr);min-height:calc(100dvh - 28px);display:grid}.auth-layout>*{direction:rtl}.auth-showcase{background:linear-gradient(#100e101a 0 43%,#060518 82%),radial-gradient(circle at 55% 54%,#c544dc61,#0000 32%),#0c0b0d;border:1px solid #302a30;border-radius:20px;flex-direction:column;min-height:680px;padding:34px 34px 28px;display:flex;position:relative;overflow:hidden}.auth-showcase:before{filter:blur(12px);pointer-events:none;content:"";background:radial-gradient(circle,#9c5cf1ad,#581f9647 43%,#0000 72%);border-radius:50%;width:82%;height:68%;position:absolute;top:-22%;left:-30%}.auth-showcase:after{filter:blur(8px);opacity:.75;content:"";background:radial-gradient(circle,#9f5cf1 0,#3d186f 45%,#0000 72%);border-radius:50%;width:90%;height:58%;position:absolute;bottom:-28%;right:-18%}.auth-brand,.auth-mobile-brand{z-index:2;color:#fff;align-items:center;gap:10px;display:flex;position:relative}.auth-brand img,.auth-mobile-brand img{object-fit:contain}.auth-brand img{width:44px;height:44px}.auth-mobile-brand img{width:38px;height:38px}.auth-brand strong{font-size:17px}.auth-visual{z-index:1;perspective:900px;min-height:330px;margin-top:28px;position:relative}.auth-orbit{border:1px solid #d54cc229;border-radius:50%;position:absolute}.auth-orbit-one{inset:18px 11% 55px}.auth-orbit-two{inset:67px 1% 3px}.auth-slide{color:#fff;background:#121014;border:1px solid #e44cbe59;border-radius:22px;animation:.55s cubic-bezier(.2,.8,.2,1) both auth-slide-in;position:absolute;inset:18px 2% 26px;overflow:hidden;box-shadow:0 28px 70px #0006}.auth-slide:after{content:"";background:linear-gradient(#0000 28%,#08060af5 88%);position:absolute;inset:0}.auth-slide-image{position:absolute;inset:0}.auth-slide-image img{object-fit:cover;object-position:center;filter:saturate(.88)contrast(1.05)}.auth-slide-content{z-index:2;inset-inline:22px;position:absolute;bottom:20px}.auth-slide-content>span{color:#e99cdb;align-items:center;gap:7px;font-size:11px;display:flex}.auth-slide-content strong{margin:8px 0 5px;font-size:18px;display:block}.auth-slide-content p{color:#bfb3bd;margin:0;font-size:11px;line-height:1.8}.auth-slide-content svg{width:16px}.auth-slide-controls{z-index:4;gap:6px;display:flex;position:absolute;top:32px;left:18px}.auth-slide-controls button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c090eb8;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.auth-slide-controls svg{width:15px}.auth-showcase-copy{z-index:2;margin-top:auto;position:relative}.auth-showcase-copy>span,.auth-eyebrow{color:#ef67b9;font-size:12px}.auth-showcase-copy h2{max-width:420px;margin:12px 0;font-size:clamp(30px,3vw,42px);line-height:1.55}.auth-showcase-copy p{color:#c5bbc4;max-width:470px;margin:0;line-height:2}.auth-dots{z-index:2;gap:8px;margin-top:28px;display:flex;position:relative}.auth-dots button{cursor:pointer;background:#716a75;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:width .2s,background-color .2s}.auth-dots button.active{background:#fff;border-radius:99px;width:22px}.auth-panel{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:46px 30px 18px;display:flex}.auth-card{width:min(100%,490px)}.auth-mobile-brand{display:none}.auth-card h1{margin:9px 0 5px;font-size:clamp(30px,4vw,42px)}.auth-lead{color:#a69ca4;margin:0 0 24px}.auth-tabs{background:#121012;border:1px solid #2f292e;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:26px;padding:4px;display:grid}.auth-tabs button{color:#8f858d;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-family:inherit;display:flex}.auth-tabs button.active{color:#fff;background:linear-gradient(110deg,#da43aa3d,#864ae638);box-shadow:inset 0 0 0 1px #e04db559}.auth-tabs svg{width:16px}.auth-form>label{color:#d5ccd3;margin:16px 0 7px;font-size:12px;font-weight:600;display:block}.auth-phone-field,.auth-password-field{background:#171417;border:1px solid #373136;border-radius:12px;align-items:center;min-height:54px;transition:border-color .18s,box-shadow .18s;display:flex}.auth-phone-field:focus-within,.auth-password-field:focus-within,.auth-text-field:focus{border-color:#d84eae;outline:0;box-shadow:0 0 0 3px #d84eae14}.auth-phone-field>span{color:#fff;border-right:1px solid #373136;align-self:stretch;place-items:center;padding:0 15px;font:600 14px Poppins,sans-serif;display:grid}.auth-phone-field input,.auth-password-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 14px;font:14px Poppins,sans-serif}.auth-phone-field>svg{color:#837a81;width:18px;margin-right:14px}.auth-form>small{color:#7d747b;margin-top:7px;font-size:10px;display:block}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(100deg,#df4ea9,#9c5cf1);border:0;border-radius:999px;grid-template-columns:20px 1fr 20px;align-items:center;width:100%;min-height:56px;margin-top:22px;padding:0 18px;font-family:inherit;font-weight:700;display:grid;box-shadow:0 14px 36px #b945bf47,inset 0 1px #ffffff38}.auth-submit:hover{filter:brightness(1.1)saturate(1.08);transform:translateY(-2px)}.auth-submit:disabled{cursor:wait;filter:saturate(.55);opacity:.7}.auth-submit svg:last-child{grid-column:3;justify-self:end}.auth-submit>span{text-align:center;grid-column:2;justify-self:center}.auth-submit .auth-spinner{grid-column:1;justify-self:start;animation:.85s linear infinite auth-spin}.auth-loading-glow{z-index:-1;filter:blur(42px);background:#c14cd22e;border-radius:50%;width:260px;height:120px;margin:-86px 0 0 80px;animation:1.1s ease-in-out infinite alternate auth-loading-pulse;position:absolute}.auth-otp{grid-template-columns:repeat(5,1fr);gap:10px;margin:4px 0 20px;display:grid}.auth-otp input{aspect-ratio:1;color:#fff;text-align:center;background:#171417;border:1px solid #393239;border-radius:13px;outline:0;width:100%;font:700 24px Poppins,sans-serif}.auth-otp input:focus{border-color:#db50b0;box-shadow:0 0 0 3px #db50b017}.auth-dev-code,.auth-new-account-note,.auth-error{border-radius:10px;padding:10px 12px;font-size:11px}.auth-dev-code{color:#d8b8cf;background:#24151f}.auth-new-account-note{color:#c8b9c4;background:#17131c;align-items:center;gap:8px;display:flex}.auth-new-account-note svg{color:#d953b0;width:17px}.auth-text-field{color:#fff;background:#171417;border:1px solid #373136;border-radius:12px;outline:0;width:100%;min-height:52px;padding:0 14px;font-family:inherit}.auth-password-field button{color:#8c828a;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:48px;height:48px;display:grid}.auth-password-field svg{width:18px}.auth-error{color:#ff978c;background:#6c1f2240;margin:12px 0 0}.auth-secondary-actions{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.auth-secondary-actions button{color:#b9aeb6;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:11px}.auth-secondary-actions button:disabled{color:#6f676d;cursor:not-allowed}.auth-success{background:#24755a17;border:1px solid #293b35;border-radius:18px;align-content:center;place-items:center;gap:9px;min-height:250px;display:grid}.auth-success svg{color:#39d39f;width:52px;height:52px}.auth-success span{color:#8eaaa0;font-size:12px}.auth-agreement{color:#746c72;text-align:center;margin-top:22px;font-size:10px}.auth-agreement a{color:#c15ca7}.auth-footer{color:#716971;gap:14px;margin-top:auto;padding-top:34px;font-size:11px;display:flex}.auth-footer a{color:#938993}@keyframes auth-slide-in{0%{opacity:0;transform:translate(-14px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-loading-pulse{to{opacity:.38;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.auth-slide,.auth-loading-glow,.auth-spinner{animation:none}}@media (max-width:980px){.auth-layout{grid-template-columns:minmax(0,1fr)}.auth-showcase{display:none}.auth-panel{min-height:calc(100dvh - 28px);padding:28px 18px 16px}.auth-mobile-brand{margin-bottom:38px;display:flex}}@media (max-width:520px){.auth-page{padding:0}.auth-layout,.auth-panel{min-height:100dvh}.auth-panel{justify-content:flex-start;padding:22px 16px 14px}.auth-card h1{font-size:30px}.auth-tabs button{padding:0 7px;font-size:10px}.auth-otp{gap:7px}.auth-otp input{border-radius:10px;font-size:20px}}
