:root{--ink:#111827;--muted:#64748b;--line:#e2e8f0;--surface:#ffffff;--page:#f9fafb;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#eef2ff;--danger:#b42318}*{box-sizing:border-box}[hidden]{display:none!important}body,html{height:100%;min-height:0;overflow:hidden}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,Segoe UI,Noto Sans,Roboto,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c9b8ff;outline-offset:3px}.auth-page{display:grid;grid-template-columns:minmax(360px,3fr) minmax(0,2fr);width:100%;height:100dvh;background:var(--surface)}.auth-page,.auth-panel{min-height:0;overflow:hidden}.auth-panel{display:flex;align-items:center;justify-content:center;height:100%;padding:24px 30px;order:1}.auth-card{width:min(100%,360px)}.auth-login .auth-panel{isolation:isolate;padding:clamp(18px,3vw,48px);background:radial-gradient(circle at 8% 12%,rgba(255,22,179,.2),transparent 30%),radial-gradient(circle at 96% 28%,rgba(82,34,255,.32),transparent 42%),linear-gradient(135deg,#080018,#100027 54%,#240052)}.auth-login .auth-panel:after,.auth-login .auth-panel:before{position:absolute;border:1px solid rgba(212,64,255,.28);border-radius:50%;content:"";pointer-events:none}.auth-login .auth-panel:before{top:7%;right:-36%;width:78%;height:70%;transform:rotate(-25deg)}.auth-login .auth-panel:after{bottom:-38%;left:-30%;width:76%;height:62%;transform:rotate(20deg);border-color:rgba(255,53,194,.32)}.auth-login .auth-card{position:relative;z-index:1;width:min(100%,820px);max-height:calc(100dvh - 42px);overflow-y:auto;border-radius:30px;padding:clamp(32px,4.6vw,64px) clamp(28px,5.6vw,80px);background:linear-gradient(145deg,rgba(8,1,26,.98),rgba(13,2,36,.98)) padding-box,linear-gradient(135deg,#ff45c4,#743dff) border-box;box-shadow:0 0 42px rgba(204,36,255,.2),inset 0 0 38px rgba(119,38,255,.08);scrollbar-color:#753ee8 transparent}.auth-login .auth-card::-webkit-scrollbar{width:6px}.auth-login .auth-card::-webkit-scrollbar-thumb{border-radius:99px;background:#753ee8}.brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;font-size:17px;font-weight:700;letter-spacing:.02em}.brand-logo{display:block;width:48px;height:30px;object-fit:contain;object-position:left center}.auth-login .brand{gap:16px;margin-bottom:clamp(32px,4.5vw,58px);font-size:clamp(22px,2.1vw,30px);letter-spacing:-.02em}.auth-login .brand-logo{width:clamp(78px,8vw,104px);height:clamp(42px,4.4vw,56px)}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.auth-login .eyebrow{margin-bottom:clamp(16px,2vw,24px);font-size:clamp(15px,1.55vw,21px);font-weight:500;letter-spacing:.03em}h1{margin:0;font-size:clamp(27px,3vw,34px);line-height:1.14;letter-spacing:-.03em}.auth-login h1{margin-bottom:clamp(28px,3.2vw,42px);font-size:clamp(36px,4vw,58px);letter-spacing:-.045em}.subtitle{margin:8px 0 20px;color:var(--muted);line-height:1.5}.form{display:grid;gap:12px}.field{display:grid;gap:7px;color:var(--ink);font-size:14px;font-weight:600}.field input{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;outline:none;background:#fff;padding:0 14px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,.12)}.auth-login .form{gap:18px}.auth-login .field{gap:12px;font-size:clamp(16px,1.6vw,21px)}.auth-login .field input{height:clamp(52px,5.3vw,66px);border-color:#d83bef;border-radius:14px;background:rgba(8,1,28,.5);padding:0 26px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,71,211,.08)}.auth-login .field input:focus{border-color:#ff59d5;box-shadow:0 0 0 3px rgba(255,66,207,.2),0 0 24px rgba(229,43,255,.18)}.auth-login .field small{color:#b8a9d0}.password-input{position:relative;display:block;width:100%}.password-input input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:7px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:var(--muted)}.password-toggle:hover{background:var(--accent-soft);color:var(--accent-strong)}.password-toggle svg{width:18px;height:18px}.field small{color:var(--muted);font-weight:400;line-height:1.45}.phone-input{display:grid;grid-template-columns:minmax(118px,.86fr) minmax(0,1.14fr);gap:8px}.country-picker{position:relative;min-width:0}.country-trigger{display:flex;align-items:center;gap:8px;width:100%;height:42px;border:1px solid var(--line);border-radius:10px;outline:none;background:#fff;padding:0 10px;color:var(--ink);font-size:13px;font-weight:650;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.country-trigger:hover,.country-trigger[aria-expanded=true]{border-color:#a5b4fc;background:#fafaff}.country-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,.14)}.country-flag{display:block;flex:0 0 auto;width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.12);object-fit:cover}.country-chevron{flex:0 0 auto;margin-left:auto;color:var(--muted);transition:transform .15s ease}.country-trigger[aria-expanded=true] .country-chevron{transform:rotate(180deg);color:var(--accent)}.country-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:max(228px,100%);max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:13px;padding:5px;box-shadow:0 16px 34px rgba(15,23,42,.16)}.country-menu,.country-search{background:rgba(255,255,255,.98)}.country-search{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:7px;margin:-1px -1px 5px;border-bottom:1px solid var(--line);padding:2px 3px 7px;color:var(--muted)}.country-search input{width:100%;height:30px;border:0;outline:none;background:transparent;padding:0;color:var(--ink);font-size:12px}.country-search input::placeholder{color:#94a3b8}.country-option{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:38px;border:0;border-radius:9px;background:transparent;padding:6px 8px;color:var(--ink);text-align:left;font-size:12px}.country-option:hover,.country-option[aria-selected=true]{background:var(--accent-soft);color:var(--accent-strong)}.country-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-dial-code{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.country-option[aria-selected=true] .country-dial-code{color:var(--accent-strong);font-weight:700}.auth-login .country-trigger{height:clamp(52px,5.3vw,66px);border-color:#d83bef;border-radius:14px;background:rgba(8,1,28,.5);color:#fff}.auth-login .country-trigger:focus-visible{border-color:#ff59d5;box-shadow:0 0 0 3px rgba(255,66,207,.2)}.country-empty{margin:8px 5px;color:var(--muted);font-size:12px;line-height:1.4;text-align:center}.primary,.secondary{width:100%;min-height:42px;border-radius:10px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary{border:0;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 10px 20px rgba(79,70,229,.2)}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 24px rgba(79,70,229,.25)}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary:hover:not(:disabled){background:#faf8ff;border-color:#cfc7e4}.auth-login .back-button,.auth-login .primary,.auth-login .secondary{min-height:clamp(52px,5.3vw,66px);border-radius:14px;font-size:clamp(17px,1.75vw,23px)}.auth-login .primary{background:linear-gradient(105deg,#ff3ca8,#c62de0 48%,#5c32ff);box-shadow:0 14px 30px rgba(224,45,230,.28)}.auth-login .primary:hover:not(:disabled){box-shadow:0 17px 34px rgba(224,45,230,.38)}.auth-login .secondary{gap:14px;background:transparent}.google-mark{display:inline-block;font-family:Arial,sans-serif;font-size:29px;font-weight:800;line-height:1;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 66%,#ea4335 66% 84%,#4285f4 84% 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#9690a5;font-size:12px}.divider:after,.divider:before{height:1px;flex:1 1;background:var(--line);content:""}.auth-login .divider{gap:24px;margin:24px 0 20px;font-size:clamp(17px,1.8vw,23px)}.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px;font-size:13px}.link{border:0;background:transparent;padding:0;color:var(--accent-strong);font-weight:700}.link:hover{text-decoration:underline}.back-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--accent-strong);transition:transform .15s ease,background .15s ease}.back-icon:hover{transform:translateX(-1px);background:var(--accent-soft)}.back-icon svg{display:block}.back-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--accent-strong);transition:transform .15s ease,border-color .15s ease,background .15s ease}.back-button:hover{transform:translateX(-1px);border-color:#cfc7e4;background:var(--accent-soft)}.back-button svg{display:block}.error,.notice{margin:4px 0 0;border-radius:9px;padding:11px 12px;font-size:13px;line-height:1.45}.notice{background:var(--accent-soft);color:#4c1d95}.error{background:#fff1f0;color:var(--danger)}.auth-login .inline-actions{color:#c9b6dc}.auth-login .link{color:#e0b2ff}.auth-login .back-icon{color:#d7b5ff}.auth-login .error{border:1px solid rgba(255,116,165,.4)}.status-loading{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#fff,#fbf9ff);color:var(--muted);font-size:13px}.interaction-meta{display:grid;gap:4px;margin:-8px 0 16px;color:var(--muted);font-size:12px;line-height:1.45}.interaction-meta span:last-child{color:#8b5cf6;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.success-state{display:flex;align-items:center;gap:12px;margin:2px 0 4px;border:1px solid #d6f0e1;border-radius:13px;background:linear-gradient(135deg,#f7fffa,#fff);padding:12px}.success-icon{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:50%;background:#dcfce7;color:#15803d}.success-icon svg{width:19px;height:19px}.success-kicker{margin:0 0 3px;color:#15803d;font-size:10px;font-weight:800;letter-spacing:.12em}.success-copy{margin:0;color:#3f6650;font-size:12px;line-height:1.4}.otp-form{gap:16px}.otp-heading{display:flex;align-items:flex-start;gap:13px;margin:2px 0 1px}.otp-icon{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border:1px solid #ded1ff;border-radius:13px;background:linear-gradient(145deg,#f4edff,#fff);color:var(--accent-strong);box-shadow:0 7px 18px rgba(109,40,217,.12)}.otp-icon svg{width:22px;height:22px}.step-label{margin:0 0 4px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}.otp-heading h2,.profile-heading h2{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.02em}.otp-heading p:last-child,.profile-heading p:last-child{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.otp-heading strong{color:var(--ink);font-weight:700;overflow-wrap:anywhere}.otp-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.otp-digit{width:100%;height:56px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fff;padding:0;color:var(--ink);font-size:24px;font-weight:750;line-height:1;text-align:center;caret-color:var(--accent);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.otp-digit:focus{border-color:var(--accent);background:#fcfaff;box-shadow:0 0 0 4px rgba(109,40,217,.13);transform:translateY(-1px)}.otp-helper{margin:-4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.otp-back{justify-self:stretch}.profile-heading{margin-bottom:-2px}.auth-login .otp-digit{height:clamp(48px,5vw,60px)}.footer-note{margin-top:16px;color:var(--muted);font-size:12px;line-height:1.5}.loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.art{position:relative;display:block;height:100%;min-height:0;overflow:hidden;order:2;background:#160d3e;color:#fff}.art:after,.art:before{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.18);border-radius:50%;content:"";pointer-events:none}.art:before{right:-220px;top:-250px;width:670px;height:670px}.art:after{left:-300px;bottom:-470px;width:900px;height:900px}.art-slide,.art-slides{position:absolute;inset:0}.art-slides{background:#0b0327;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.art-slides:active{cursor:grabbing}.art-slide{opacity:0;transform:scale(1.025);transition:opacity .65s ease,transform 6s ease}.art-slide.active{opacity:1;transform:scale(1)}.art-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#0b0327}.art-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,3,31,.14),rgba(8,3,31,.03) 38%,rgba(8,3,31,.88));pointer-events:none}.art-caption{position:absolute;z-index:2;right:clamp(25px,6vw,86px);bottom:clamp(86px,11vh,125px);left:clamp(25px,6vw,86px);max-width:490px}.art-caption-eyebrow{margin:0 0 8px;color:#f49ddb;font-size:11px;font-weight:800;letter-spacing:.16em}.art-caption p:last-child{max-width:390px;margin:0;color:#fff;font-size:clamp(15px,1.6vw,20px);font-weight:600;line-height:1.35;text-shadow:0 2px 18px #0e0628}.art-controls{position:absolute;z-index:4;right:0;bottom:28px;left:0;justify-content:center;pointer-events:none}.art-controls,.art-dots{display:flex;align-items:center}.art-dots{gap:7px}.art-dot{display:block;width:7px;height:7px;border-radius:99px;background:#ffffff70;transition:width .25s ease,background .25s ease}.art-dot.active{width:26px;background:#f29bda}.slide-fallback{position:absolute;inset:0;overflow:hidden;padding:clamp(40px,8vw,115px) clamp(28px,8vw,110px);background:radial-gradient(circle at 85% 15%,#c35fff66,transparent 25%),linear-gradient(145deg,#1b074b,#421277 55%,#b51b9a)}.fallback-minigame{background:radial-gradient(circle at 18% 20%,#ed9d3e55,transparent 21%),linear-gradient(145deg,#260557,#641a9d 54%,#de328c)}.fallback-certificate{background:radial-gradient(circle at 78% 23%,#53b9ff4f,transparent 24%),linear-gradient(145deg,#091c51,#31207e 52%,#b4289c)}.fallback-logo{display:block;width:124px;height:66px;object-fit:contain;object-position:left center}.fallback-kicker{margin:80px 0 13px;color:#f79ddb;font-size:11px;font-weight:800;letter-spacing:.16em}.slide-fallback h2{max-width:560px;margin:0;font-size:clamp(32px,4.5vw,66px);line-height:1.02;letter-spacing:-.06em}.fallback-description{max-width:360px;margin-top:19px;color:#e1d4f4;font-size:15px;line-height:1.55}.fallback-device{position:absolute;right:8%;bottom:16%;display:grid;width:min(260px,30vw);height:350px;padding:40px 18px 23px;gap:13px;border:5px solid #fff8;border-radius:32px;background:#f9e9ffdd;box-shadow:0 25px 80px #ff3dc766;transform:rotate(-9deg)}.fallback-device span{border-radius:12px;background:#713bd833}.fallback-device span:first-child{height:77px;background:linear-gradient(145deg,#ff69cb,#713bd8)}.fallback-device b{width:32px;height:32px;margin:auto;border-radius:999px;background:#e836a5}@media (max-width:900px){.auth-page{display:block}.art{display:none}.auth-panel{height:100%;min-height:0;padding:20px 18px}.auth-card{width:min(100%,400px)}}@media (max-height:720px){.auth-panel{padding-block:16px}.brand{margin-bottom:16px}.brand-logo{width:42px;height:27px}.subtitle{margin-bottom:16px}.form{gap:10px}.divider{margin:10px 0}.footer-note{margin-top:12px}.otp-form{gap:11px}.otp-digit{height:48px}.otp-heading h2,.profile-heading h2{font-size:18px}}@media (max-height:600px){.auth-panel{padding-block:10px}.brand{margin-bottom:12px;font-size:15px}.brand-logo{width:38px;height:25px}.auth-card h1{font-size:28px}.subtitle{margin:6px 0 12px;font-size:14px}.field{gap:4px;font-size:13px}.field input{height:38px;padding-inline:12px}.password-input input{padding-right:44px}.password-toggle{right:5px;width:30px;height:30px}.back-button,.primary,.secondary{min-height:38px}.footer-note{margin-top:10px}.country-trigger{height:38px}.otp-form{gap:8px}.otp-icon{flex-basis:36px;width:36px;height:36px;border-radius:10px}.otp-icon svg{width:19px;height:19px}.otp-digit{height:42px;border-radius:10px;font-size:20px}.otp-helper{font-size:11px}}@media (max-width:390px){.phone-input{grid-template-columns:minmax(112px,.84fr) minmax(0,1.16fr);gap:6px}.country-trigger{padding-inline:7px;font-size:12px}.country-menu{width:max(220px,100%)}.otp-inputs{gap:5px}.otp-digit{border-radius:10px;font-size:21px}}@media (max-width:900px){.auth-login .auth-panel{padding:16px}.auth-login .auth-card{width:min(100%,560px);max-height:calc(100dvh - 32px);padding:32px 24px;border-radius:24px}.auth-login .brand{margin-bottom:32px}.auth-login h1{font-size:clamp(32px,8vw,48px)}}@media (max-height:720px){.auth-login .auth-card{padding-block:28px}.auth-login .brand{margin-bottom:26px}.auth-login .eyebrow{margin-bottom:12px}.auth-login h1{margin-bottom:24px}.auth-login .form{gap:12px}.auth-login .back-button,.auth-login .country-trigger,.auth-login .field input,.auth-login .primary,.auth-login .secondary{height:50px;min-height:50px}.auth-login .otp-digit{height:46px}}@media (max-height:600px){.auth-login .auth-card{padding-block:20px}.auth-login .brand{margin-bottom:18px}.auth-login .brand-logo{width:70px;height:38px}.auth-login .eyebrow{margin-bottom:8px;font-size:14px}.auth-login h1{margin-bottom:16px;font-size:34px}.auth-login .back-button,.auth-login .country-trigger,.auth-login .field input,.auth-login .primary,.auth-login .secondary{height:44px;min-height:44px}.auth-login .divider{margin:12px 0}.auth-login .otp-digit{height:40px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-login .auth-panel{position:relative;isolation:auto;padding:24px 30px;background:#fff}.auth-login .auth-panel:after,.auth-login .auth-panel:before{display:none}.auth-login .auth-card{position:static;width:min(100%,420px);max-height:none;overflow:visible;border:0;border-radius:0;padding:0;color:var(--ink);background:transparent;box-shadow:none;scrollbar-color:auto}.auth-login .brand{gap:10px;margin-bottom:24px;color:var(--ink);font-size:18px;letter-spacing:-.015em}.auth-login .brand-logo{width:56px;height:32px}.auth-login .eyebrow{margin-bottom:8px;color:#c026a5;font-size:11px;font-weight:800;letter-spacing:.14em}.auth-login h1{margin-bottom:22px;color:#22163a;font-size:clamp(28px,3vw,36px);font-weight:750;letter-spacing:-.04em}.auth-login .form{gap:12px}.auth-login .field{gap:7px;color:#2f2440;font-size:14px}.auth-login .field input{height:42px;border-color:#e3c9f0;border-radius:10px;background:linear-gradient(180deg,#fff,#fdf9ff);padding:0 14px;color:var(--ink);box-shadow:0 6px 18px rgba(123,49,178,.06)}.auth-login .field input::placeholder{color:#978aa6}.auth-login .field input:focus{border-color:#bc49d8;box-shadow:0 0 0 3px rgba(188,73,216,.16),0 8px 22px rgba(123,49,178,.1)}.auth-login .field small{color:var(--muted)}.auth-login .password-input input{padding-right:48px}.auth-login .password-toggle{color:#80668f}.auth-login .password-toggle:hover{background:#f5eaff;color:#8a2eb1}.auth-login .country-trigger{height:42px;border-color:#e3c9f0;border-radius:10px;background:linear-gradient(180deg,#fff,#fdf9ff);color:var(--ink)}.auth-login .country-trigger:hover,.auth-login .country-trigger[aria-expanded=true]{border-color:#c65add;background:#fdf8ff}.auth-login .country-trigger:focus-visible{border-color:#bc49d8;box-shadow:0 0 0 3px rgba(188,73,216,.14)}.auth-login .country-chevron{color:#80668f}.auth-login .country-trigger[aria-expanded=true] .country-chevron{color:#a436c2}.auth-login .country-menu{border-color:#e3c9f0;background:rgba(255,255,255,.99);box-shadow:0 16px 34px rgba(73,33,95,.16)}.auth-login .country-search{border-color:#ead8f2;background:#fff;color:#80668f}.auth-login .country-search input{color:var(--ink)}.auth-login .country-search input::placeholder{color:#978aa6}.auth-login .country-option{color:var(--ink)}.auth-login .country-option:hover,.auth-login .country-option[aria-selected=true]{background:#f5eaff;color:#76249b}.auth-login .country-dial-code,.auth-login .country-option[aria-selected=true] .country-dial-code{color:#80668f}.auth-login .back-button,.auth-login .primary,.auth-login .secondary{min-height:42px;border-radius:10px;font-size:16px}.auth-login .primary{background:linear-gradient(105deg,#f13caa,#c535d9 48%,#7041e8);box-shadow:0 10px 20px rgba(177,55,206,.2)}.auth-login .primary:hover:not(:disabled){box-shadow:0 13px 24px rgba(177,55,206,.3)}.auth-login .secondary{display:flex;align-items:center;justify-content:center;gap:10px;border-color:#d9b8ed;background:linear-gradient(180deg,#fff,#fdf9ff);color:#392150}.auth-login .secondary:hover:not(:disabled){border-color:#c65add;background:#fdf8ff}.auth-login .divider{gap:12px;margin:14px 0;color:#80668f;font-size:12px}.auth-login .divider:after,.auth-login .divider:before{background:linear-gradient(90deg,transparent,#ddbee9 24%,#ddbee9 76%,transparent)}.auth-login .inline-actions{color:var(--muted)}.auth-login .back-icon,.auth-login .link{color:#812da5}.auth-login .back-icon:hover{background:#f5eaff}.auth-login .back-button{border-color:#d9b8ed;background:#fff;color:#812da5}.auth-login .back-button:hover{border-color:#c65add;background:#fdf8ff}.auth-login .error{border:1px solid #f1c7d4;background:#fff4f6;color:#a21d52}.auth-login .google-mark{font-size:22px}.auth-login .otp-heading h2,.auth-login .profile-heading h2{color:#22163a}.auth-login .otp-heading p:last-child,.auth-login .otp-helper,.auth-login .profile-heading p:last-child{color:var(--muted)}.auth-login .step-label{color:#c026a5}.auth-login .otp-icon{border-color:#e2c6f0;background:linear-gradient(145deg,#f8eeff,#fff);color:#9a36bb;box-shadow:0 7px 18px rgba(123,49,178,.12)}.auth-login .otp-digit{height:48px;border-color:#e3c9f0;background:#fff;color:var(--ink)}.auth-login .otp-digit:focus{border-color:#bc49d8;background:#fdf9ff;box-shadow:0 0 0 4px rgba(188,73,216,.14),0 8px 22px rgba(123,49,178,.1)}.auth-login .otp-form{gap:14px}.auth-login .otp-step-label{margin:0}.auth-login .otp-heading{gap:12px;margin:0}.auth-login .otp-heading h2,.auth-login .profile-heading h2{font-size:20px}.auth-login .otp-heading p:last-child,.auth-login .profile-heading p:last-child{line-height:1.45}.auth-login .otp-helper{display:grid;gap:3px;margin-top:-2px;font-size:12px;text-align:center}.auth-login .profile-heading{margin-bottom:0}@media (max-height:720px){.auth-login .auth-panel{padding-block:16px}.auth-login .brand,.auth-login h1{margin-bottom:18px}.auth-login .form{gap:10px}.auth-login .back-button,.auth-login .country-trigger,.auth-login .field input,.auth-login .primary,.auth-login .secondary{height:42px;min-height:42px}.auth-login .otp-digit{height:42px}}@media (max-height:600px){.auth-login .auth-panel{padding-block:10px}.auth-login .brand{margin-bottom:12px}.auth-login .brand-logo{width:56px;height:30px}.auth-login .eyebrow{margin-bottom:6px;font-size:11px}.auth-login h1{margin-bottom:12px;font-size:30px}.auth-login .back-button,.auth-login .country-trigger,.auth-login .field input,.auth-login .primary,.auth-login .secondary{height:38px;min-height:38px}.auth-login .divider{margin:9px 0}.auth-login .otp-digit{height:38px}}.auth-login .otp-inputs{width:100%;margin-inline:auto;gap:8px}.auth-login .otp-digit{height:auto;min-height:0;aspect-ratio:1/1;border-radius:10px;font-size:20px}.auth-login .otp-icon{flex-basis:64px;width:64px;height:64px;border-radius:16px}.auth-login .otp-icon svg{width:32px;height:32px}.auth-login .otp-helper strong{color:#812da5;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:750}.auth-login .otp-resend{justify-self:center;border:0;background:transparent;padding:0;color:#812da5;font-size:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.auth-login .otp-resend:hover:not(:disabled){color:#a436c2}.auth-login .otp-resend:focus-visible{border-radius:4px}.auth-login .success-state{border-color:#ccefdc;background:linear-gradient(135deg,#f5fff9,#fff);box-shadow:0 8px 22px rgba(21,128,61,.08)}.auth-login .success-icon{background:#dcfce7;color:#15803d}.auth-login .success-kicker{color:#15803d}.auth-login .success-copy{color:#3f6650}.auth-login .primary{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}.auth-login .auth-panel{background:linear-gradient(135deg,#fff,#fff9ff 58%,#f7efff)}.auth-login .auth-card{width:min(100%,460px);border:1px solid #e4d2ef;padding:clamp(26px,3.2vw,36px) clamp(22px,3.5vw,38px);background:linear-gradient(145deg,#fff,#fffaff 55%,#f8efff);box-shadow:0 20px 52px rgba(107,43,142,.16),0 0 0 6px rgba(239,222,249,.38)}@media (max-height:720px){.auth-login .otp-icon{flex-basis:56px;width:56px;height:56px;border-radius:14px}.auth-login .otp-icon svg{width:28px;height:28px}}@media (max-height:600px){.auth-login .otp-icon{flex-basis:48px;width:48px;height:48px;border-radius:12px}.auth-login .otp-icon svg{width:24px;height:24px}}.auth-login .auth-panel{background:radial-gradient(circle at 12% 14%,rgba(218,191,255,.2),transparent 34%),radial-gradient(circle at 90% 86%,rgba(255,190,225,.18),transparent 32%),linear-gradient(135deg,#eef0f4,#f7f5f9 52%,#eceaf1)}.auth-login .auth-card{border:1px solid transparent;border-radius:26px;background:linear-gradient(145deg,#09021e,#12042d 58%,#19043c) padding-box,linear-gradient(135deg,#ff45c4,#bd38ef 48%,#6f42ff) border-box;box-shadow:0 0 34px rgba(205,45,255,.2),0 18px 48px rgba(50,15,77,.18),inset 0 0 34px rgba(116,36,255,.08);color:#fff}.auth-login .brand{color:#fff}.auth-login .eyebrow{color:#f266d4}.auth-login h1{color:#fff}.auth-login .subtitle{color:#c9b9dc}.auth-login .field{color:#fff}.auth-login .country-trigger,.auth-login .field input{border-color:#d83bef;background:rgba(8,1,28,.52);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,71,211,.08)}.auth-login .field input::placeholder{color:#a99abd}.auth-login .country-trigger:focus-visible,.auth-login .field input:focus{border-color:#ff59d5;box-shadow:0 0 0 3px rgba(255,66,207,.2),0 0 24px rgba(229,43,255,.18)}.auth-login .password-toggle{color:#c6afd9}.auth-login .password-toggle:hover{background:rgba(217,55,237,.18);color:#fff}.auth-login .country-trigger:hover,.auth-login .country-trigger[aria-expanded=true]{border-color:#ff59d5;background:rgba(33,5,60,.8)}.auth-login .country-chevron{color:#c6afd9}.auth-login .country-trigger[aria-expanded=true] .country-chevron{color:#ff72d9}.auth-login .country-menu{border-color:#b837df;background:rgba(16,3,40,.98);box-shadow:0 16px 34px rgba(0,0,0,.45)}.auth-login .country-search{border-color:#5f2b79;background:rgba(16,3,40,.98);color:#c8b6dd}.auth-login .country-search input{color:#fff}.auth-login .country-search input::placeholder{color:#8f7da7}.auth-login .country-option{color:#f7efff}.auth-login .country-option:hover,.auth-login .country-option[aria-selected=true]{background:rgba(152,45,217,.28);color:#fff}.auth-login .country-dial-code,.auth-login .country-option[aria-selected=true] .country-dial-code{color:#c8b6dd}.auth-login .primary{color:#fff}.auth-login .secondary{border-color:#d83bef;background:rgba(8,1,28,.4);color:#fff}.auth-login .secondary:hover:not(:disabled){border-color:#ff59d5;background:rgba(217,55,237,.12)}.auth-login .divider{color:#b8a9d0}.auth-login .divider:after,.auth-login .divider:before{background:linear-gradient(90deg,transparent,#71417f 24%,#71417f 76%,transparent)}.auth-login .back-icon,.auth-login .link{color:#e0b2ff}.auth-login .back-icon:hover{background:rgba(217,55,237,.16)}.auth-login .back-button{border-color:#d83bef;background:rgba(11,2,31,.64);color:#fff}.auth-login .back-button:hover{border-color:#ff59d5;background:rgba(217,55,237,.14)}.auth-login .error{border-color:rgba(255,116,165,.4);background:rgba(145,19,73,.28)}.auth-login .status-loading{border-color:#5f2b79;background:rgba(16,3,40,.8);color:#c8b6dd}.auth-login .success-state{border-color:rgba(86,211,136,.35);background:rgba(9,61,39,.45);box-shadow:inset 0 0 24px rgba(21,128,61,.08)}.auth-login .success-copy{color:#c5e7d1}.auth-login .otp-heading h2,.auth-login .profile-heading h2{color:#fff}.auth-login .otp-heading p:last-child,.auth-login .otp-helper,.auth-login .profile-heading p:last-child{color:#b8a9d0}.auth-login .otp-heading strong{color:#fff}.auth-login .step-label{color:#f266d4}.auth-login .otp-icon{border-color:#b83ee2;background:linear-gradient(145deg,rgba(81,21,112,.75),rgba(22,4,48,.8));color:#ff79df;box-shadow:0 7px 18px rgba(194,49,239,.2)}.auth-login .otp-digit{border-color:#d83bef;background:rgba(8,1,28,.5);color:#fff}.auth-login .otp-digit:focus{border-color:#ff59d5;background:rgba(28,5,51,.9);box-shadow:0 0 0 4px rgba(255,66,207,.2),0 0 22px rgba(229,43,255,.16)}.auth-login .otp-helper strong,.auth-login .otp-resend{color:#f39ce5}.auth-login .otp-resend:hover:not(:disabled){color:#ffb5ed}.error{display:flex;align-items:flex-start;gap:10px;border:1px solid #f2bfd0;border-radius:12px;background:linear-gradient(135deg,#fff4f7,#fff9fb);padding:11px 13px;color:#a21d52;box-shadow:0 8px 20px rgba(177,43,100,.08)}.error:before{display:inline-grid;flex:0 0 21px;place-items:center;width:21px;height:21px;border-radius:50%;background:#ef3d83;color:#fff;content:"!";font-size:13px;font-weight:800;line-height:1}.field input[aria-invalid=true]{border-color:#e64b87;box-shadow:0 0 0 3px rgba(230,75,135,.12)}.auth-login .error{border-color:rgba(255,116,165,.45);background:linear-gradient(135deg,rgba(145,19,73,.32),rgba(83,16,84,.28));color:#ffd6e6;box-shadow:0 8px 22px rgba(141,22,107,.16),inset 0 0 18px rgba(255,76,184,.05)}.auth-login .error:before{background:linear-gradient(145deg,#ff4e8f,#ff8c47);box-shadow:0 0 14px rgba(255,80,157,.35)}.auth-login .field input[aria-invalid=true]{border-color:#ff6eaa;box-shadow:0 0 0 3px rgba(255,75,155,.16),0 0 20px rgba(229,43,255,.12)}