:root{color-scheme:dark;--bg:#040b17;--panel:#071426;--panel-2:#0a1c34;--text:#f7fbff;--muted:#8fa4be;--line:rgba(141,183,230,.16);--cyan:#28dcff;--blue:var(--brand-primary,#168cff);--violet:#7d5cff;--danger:#ff6f91;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}.ambient__orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.24}.ambient__orb--one{width:42vw;height:42vw;left:-15vw;top:-18vw;background:#005bff}.ambient__orb--two{width:45vw;height:45vw;right:-20vw;bottom:-23vw;background:#603cff}.ambient__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(66,127,198,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(66,127,198,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.auth-shell{position:relative;display:grid;grid-template-columns:minmax(480px,1.1fr) minmax(500px,.9fr);min-height:100vh}.story-panel{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:42px clamp(38px,5vw,84px) 54px;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at 62% 35%,rgba(26,132,255,.16),transparent 32%),linear-gradient(145deg,rgba(9,27,53,.98),rgba(4,11,24,.92))}.story-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,rgba(86,169,255,.045) 45.2%,transparent 45.5%);pointer-events:none}.brand{display:inline-flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand__mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(83,202,255,.28);border-radius:15px;background:rgba(11,31,60,.72);box-shadow:0 12px 35px rgba(0,106,255,.14)}.brand__mark img{width:34px;height:34px;object-fit:contain}.brand__name{font-size:17px;font-weight:800;letter-spacing:-.03em}.brand--desktop{position:relative;z-index:3}.brand--mobile{display:none}.globe-scene{position:absolute;inset:11% -2% auto auto;width:min(45vw,650px);aspect-ratio:1;display:grid;place-items:center}.globe-scene__halo{position:absolute;width:78%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(21,144,255,.2),transparent 68%);filter:blur(8px)}.globe{position:relative;width:58%;height:58%;border:1px solid rgba(60,191,255,.42);border-radius:50%;background:radial-gradient(circle at 37% 32%,rgba(39,222,255,.2),rgba(17,68,144,.12) 28%,rgba(7,18,43,.6) 70%);box-shadow:inset -30px -20px 55px rgba(82,68,255,.2),0 0 100px rgba(0,133,255,.14);animation:float 8s ease-in-out infinite}.globe:before,.globe:after{content:"";position:absolute;inset:14% 2%;border:1px solid rgba(66,194,255,.25);border-radius:50%}.globe:before{transform:rotate(60deg)}.globe:after{transform:rotate(-60deg)}.globe__orbit{position:absolute;inset:47% -14%;height:8%;border-top:1px solid rgba(77,216,255,.5);border-radius:50%;transform:rotate(var(--r))}.globe__orbit--a{--r:12deg}.globe__orbit--b{--r:54deg}.globe__orbit--c{--r:-46deg}.globe i{position:absolute;left:var(--x);top:var(--y);width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 6px var(--cyan),0 0 18px var(--cyan)}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}.story-copy{position:relative;z-index:2;margin-top:auto;max-width:610px}.eyebrow{color:#72dfff;font-size:11px;font-weight:800;letter-spacing:.18em}.story-copy h1{margin:17px 0 24px;font-size:clamp(45px,5vw,77px);line-height:.98;letter-spacing:-.06em}.story-copy h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0%,#4ddfff 45%,#7b67ff);-webkit-background-clip:text;background-clip:text;color:transparent}.story-copy>p{max-width:520px;margin:0;color:#a9bbcf;font-size:15px;line-height:1.75}.story-points{display:flex;gap:35px;margin-top:38px}.story-points span{display:grid;grid-template-columns:auto auto;align-items:center;gap:10px;color:#c7d6e7}.story-points b{color:#4edaff;font-size:10px}.story-points i{font-size:11px;font-style:normal;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.auth-panel{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:36px clamp(28px,5vw,72px) 24px;background:linear-gradient(160deg,rgba(6,17,33,.88),rgba(4,11,23,.98))}.auth-panel__top{position:relative;display:flex;justify-content:flex-end;width:min(100%,510px);z-index:10}.language-button{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(12,31,57,.75);cursor:pointer}.language-button svg{width:18px;fill:none;stroke:#6fcfff;stroke-width:1.7}.language-button span{font-size:12px;font-weight:800}.chevron{color:#7590ad}.language-menu{position:absolute;right:0;top:50px;width:170px;padding:7px;border:1px solid var(--line);border-radius:15px;background:#0a1a30;box-shadow:0 20px 50px #0008;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s}.language-menu.is-open{opacity:1;visibility:visible;transform:none}.language-menu button{display:flex;justify-content:space-between;width:100%;padding:11px;border:0;border-radius:10px;background:transparent;cursor:pointer}.language-menu button:hover{background:#123055}.language-menu span{color:#67d9ff;font-size:11px}.auth-card{position:relative;width:min(100%,510px);min-height:610px;margin:auto 0;display:flex;align-items:center}.auth-step{position:absolute;inset:auto 0;width:100%;opacity:0;visibility:hidden;transform:translateX(26px);transition:opacity .3s ease,transform .3s ease,visibility .3s}.auth-step.is-active{position:relative;opacity:1;visibility:visible;transform:none}.auth-step.is-leaving{transform:translateX(-24px)}.step-index{display:flex;align-items:center;gap:10px;margin-bottom:34px;color:#53708e;font-size:11px}.step-index span{color:#62dcff;font-weight:800}.step-index i{width:54px;height:1px;background:linear-gradient(90deg,#3acfff,#33455c)}.step-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:#59dbff;font-size:10px;font-weight:800;letter-spacing:.18em}.status-dot{width:7px;height:7px;border-radius:50%;background:#36e6b1;box-shadow:0 0 14px #36e6b1}.auth-step h2{margin:0 0 12px;font-size:clamp(37px,4vw,53px);line-height:1.04;letter-spacing:-.055em}.auth-step>p{margin:0 0 36px;color:var(--muted);font-size:14px;line-height:1.65}.auth-step>p strong{color:#d9edff}.field-label{display:block;margin-bottom:10px;color:#b9cbe0;font-size:11px;font-weight:700;letter-spacing:.04em}.phone-field,.standard-field{display:flex;align-items:center;height:65px;border:1px solid rgba(116,166,220,.24);border-radius:18px;background:linear-gradient(120deg,rgba(16,42,74,.86),rgba(8,24,47,.86));box-shadow:inset 0 1px rgba(255,255,255,.03);transition:.2s}.phone-field:focus-within,.standard-field:focus-within{border-color:#2abfff;box-shadow:0 0 0 4px rgba(22,140,255,.1),inset 0 1px rgba(255,255,255,.05)}.country-button{display:flex;align-items:center;gap:8px;height:38px;padding:0 15px 0 18px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer}.country-button svg{width:16px;fill:none;stroke:#8ca8c4;stroke-width:1.8}.country-flag{font-size:21px}.phone-field input,.standard-field input{min-width:0;flex:1;height:100%;border:0;outline:0;padding:0 18px;background:transparent;color:white;font-size:16px;font-weight:600}.phone-field input::placeholder,.standard-field input::placeholder{color:#617a97}.standard-field svg{width:21px;margin-left:19px;fill:none;stroke:#66cfff;stroke-width:1.6}.field-message{min-height:23px;margin:8px 2px 4px;color:var(--danger);font-size:11px}.field-message.is-success{color:#45e2b5}.primary-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:62px;border:0;border-radius:18px;color:white;background:linear-gradient(100deg,#0879ff,#0d9fff 60%,#31d6ef);box-shadow:0 14px 38px rgba(0,118,255,.28),inset 0 1px rgba(255,255,255,.28);font-size:14px;font-weight:800;cursor:pointer;transition:transform .2s,filter .2s}.primary-button:after{content:"";position:absolute;inset:1px;border-radius:17px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent);pointer-events:none}.primary-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-button:active{transform:none}.primary-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.legal{max-width:430px!important;margin:28px auto 0!important;text-align:center!important;font-size:10px!important;line-height:1.7!important}.legal a{color:#bdcee0}.back-button{position:absolute;right:0;top:0;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#0b1f3a;cursor:pointer}.otp-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.otp-inputs input{min-width:0;height:67px;border:1px solid rgba(116,166,220,.25);border-radius:16px;outline:0;background:#0b213e;color:#fff;text-align:center;font-size:23px;font-weight:800}.otp-inputs input:focus{border-color:#2acbff;box-shadow:0 0 0 4px rgba(22,140,255,.1)}.text-button{display:block;margin:22px auto 0;border:0;background:transparent;color:#80dfff;font-size:12px;cursor:pointer}.text-button:disabled{color:#61758c}.dev-code{margin:15px auto 0!important;padding:9px 12px;border:1px dashed rgba(60,207,255,.28);border-radius:10px;color:#74dfff!important;text-align:center;font-size:11px!important}.avatar-picker{position:relative;display:flex;flex-direction:column;align-items:center;width:max-content;margin:0 auto 27px;color:#8edfff;font-size:11px;font-weight:700;cursor:pointer}.avatar-preview{display:grid;place-items:center;width:118px;height:118px;margin-bottom:13px;border:2px solid transparent;border-radius:50%;background:linear-gradient(#0b1c35,#0b1c35) padding-box,linear-gradient(145deg,#32e0ff,#168cff,#855cff) border-box;box-shadow:0 0 42px rgba(28,146,255,.22);overflow:hidden}.avatar-preview svg{width:73px;fill:#173b65;stroke:#5c92c8;stroke-width:1}.avatar-preview img{width:100%;height:100%;object-fit:cover}.camera-badge{position:absolute;right:5px;top:79px;display:grid;place-items:center;width:31px;height:31px;border:3px solid #061426;border-radius:50%;background:#168cff;color:#fff;font-size:18px}.success-step{text-align:center}.success-icon{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 25px;border:1px solid rgba(59,233,185,.35);border-radius:50%;background:rgba(23,124,105,.14);box-shadow:0 0 50px rgba(48,221,177,.16)}.success-icon svg{width:54px;fill:none;stroke:#42e0b2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.success-step .eyebrow{display:block;margin-bottom:15px}.card-loader{position:absolute;inset:-24px;z-index:20;display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle,rgba(12,47,83,.66),rgba(3,10,22,.76));backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.2s}.card-loader.is-visible{opacity:1;visibility:visible}.card-loader span{width:31px;height:31px;border:3px solid rgba(128,207,255,.2);border-top-color:#38d9ff;border-right-color:#168cff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{display:flex;justify-content:space-between;width:min(100%,510px);padding-top:18px;border-top:1px solid rgba(122,159,199,.1);color:#52677e;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.system-status{display:flex;align-items:center;gap:7px}.system-status i{width:6px;height:6px;border-radius:50%;background:#35dcad;box-shadow:0 0 10px #35dcad}.country-dialog{width:min(92vw,480px);max-height:min(78vh,680px);padding:0;border:1px solid rgba(104,172,233,.22);border-radius:24px;background:#07172b;color:white;box-shadow:0 30px 100px #000b}.country-dialog::backdrop{background:rgba(2,8,17,.75);backdrop-filter:blur(8px)}.country-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px}.country-dialog__header small{color:#56d9ff;font-size:9px;letter-spacing:.15em}.country-dialog__header h3{margin:6px 0 0;font-size:22px}.country-dialog__header button{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:#0b2340;font-size:22px;cursor:pointer}.country-search{display:flex;align-items:center;height:48px;margin:0 22px 13px;border:1px solid var(--line);border-radius:14px;background:#0a1d35}.country-search svg{width:19px;margin-left:15px;fill:none;stroke:#6c89a7;stroke-width:1.7}.country-search input{flex:1;height:100%;border:0;outline:0;padding:0 13px;background:transparent;color:#fff}.country-list{max-height:430px;overflow:auto;padding:0 12px 15px}.country-item{display:flex;align-items:center;width:100%;gap:12px;padding:13px;border:0;border-radius:12px;background:transparent;cursor:pointer;text-align:left}.country-item:hover,.country-item.is-selected{background:#0e2b4c}.country-item__flag{font-size:23px}.country-item__name{flex:1}.country-item__code{color:#68d9ff;font-size:12px;font-weight:700}@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.story-panel{display:none}.auth-panel{padding:26px 22px 18px}.auth-panel__top{justify-content:space-between;align-items:center}.brand--mobile{display:inline-flex}.auth-card{min-height:650px}.auth-footer{margin-top:20px}}@media(max-width:540px){.auth-panel{min-height:100svh}.brand__name{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-card{min-height:620px}.auth-step h2{font-size:38px}.otp-inputs{gap:6px}.otp-inputs input{height:58px;border-radius:13px}.auth-footer{font-size:8px}.system-status span{display:none}.country-button{padding-left:13px}.phone-field input{padding:0 12px}.language-button{padding:9px 11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}