/* Vista Web Renderer: identity and authentication. Structural web rendering only; values come from Vista Design Package. */
body{background:radial-gradient(circle at var(--vp-r0-85) 0,var(--color-background-rgba-108-92-231-06-6bcd2104),transparent var(--vp-r0-28)),var(--color-surface-page)}
.app-like .desktop-side{border-color:var(--color-border-eceaf7-3f8911e7);box-shadow:0 var(--vd-u20) var(--vd-u55) var(--color-shadow-rgba-52-44-100-08-db4a29d2)}
.app-like .side-brand .brandmark{background:linear-gradient(var(--va-deg145),var(--color-background-7a69ef-2f957dfe),var(--color-background-5b4ad9-ccd42586))}
.app-like .nav button.active{background:linear-gradient(var(--va-deg145),var(--color-background-f4f1ff-74905d78),var(--color-background-f8f7ff-ed5e8e84));color:var(--color-text-5c4bd7-073af142);box-shadow:inset 0 0 0 var(--vd-u1) var(--color-shadow-e5dfff-30425d20)}
.nav button.locked,.bottom-nav button.locked{opacity:var(--vo-o0-62)}
.nav-lock{margin-right:auto;font-size:calc(var(--vd-u10) * var(--ui-font-scale))!important;color:var(--color-text-aaa4c8-e21187ad)}
.profile-section{margin-top:var(--vd-u5)}
.profile-hero{position:relative;overflow:hidden;padding:0;border:0;background:linear-gradient(var(--va-deg135),var(--color-background-6654df-1758d0da),var(--color-background-806ff0-65600402));color:var(--color-text-fff-d14f9016);box-shadow:0 var(--vd-u18) var(--vd-u45) var(--color-shadow-rgba-94-76-212-2-a520cd52)}
.profile-cover-glow{position:absolute;inset:0;background:radial-gradient(circle at var(--vp-r0-12) var(--vp-r0-15),var(--color-background-rgba-255-255-255-22-bab0b826),transparent var(--vp-r0-24)),radial-gradient(circle at var(--vp-r0-83) var(--vp-r1-25),var(--color-background-rgba-255-255-255-18-0d41cad3),transparent var(--vp-r0-31))}
.profile-cover-glow:after{content:"";position:absolute;width:var(--vd-u260);height:var(--vd-u260);border:var(--vd-u1) solid var(--color-border-rgba-255-255-255-12-895780ff);border-radius:var(--vp-r0-5);left:var(--vd-un95);bottom:var(--vd-un170);box-shadow:0 0 0 var(--vd-u30) var(--color-shadow-rgba-255-255-255-035-b36273ea),0 0 0 var(--vd-u64) var(--color-shadow-rgba-255-255-255-025-40fa6473)}
.profile-hero-main{position:relative;display:flex;gap:var(--vd-u17);align-items:center;padding:var(--vd-u24) var(--vd-u25) var(--vd-u16)}
.profile-avatar-wrap{position:relative;flex:none}
.profile-avatar{width:var(--vd-u86);height:var(--vd-u86);border-radius:var(--vd-u27);background:var(--color-background-rgba-255-255-255-2-9313786c);border:var(--vd-u3) solid var(--color-border-rgba-255-255-255-75-931cbf00);display:grid;place-items:center;overflow:hidden;font-size:calc(var(--vd-u28) * var(--ui-font-scale));font-weight:800;box-shadow:0 var(--vd-u12) var(--vd-u30) var(--color-shadow-rgba-45-34-120-2-1fff5ef0)}
.profile-avatar img{width:var(--vp-r1);height:var(--vp-r1);object-fit:cover}
.avatar-camera{position:absolute;left:var(--vd-un5);bottom:var(--vd-un5);width:var(--vd-u32);height:var(--vd-u32);border-radius:var(--vd-u11);background:var(--color-background-fff-d14f9016);color:var(--color-text-6251de-83dcc528);display:grid;place-items:center;box-shadow:0 var(--vd-u8) var(--vd-u18) var(--color-shadow-rgba-40-33-92-2-d6e63556);cursor:pointer}
.profile-copy{min-width:0}
.profile-copy h2{margin:0 0 var(--vd-u7);font-size:calc(var(--vd-u20) * var(--ui-font-scale))}
.verified-phone{display:flex;align-items:center;gap:var(--vd-u6);flex-wrap:wrap;color:var(--color-text-f5f2ff-53531584)}
.verified-phone small{width:var(--vp-r1);opacity:var(--vo-o0-8);font-size:calc(var(--vd-u10) * var(--ui-font-scale))}
.level-pill{display:inline-flex;margin-top:var(--vd-u9);background:var(--color-background-rgba-255-255-255-16-ae5def70);border:var(--vd-u1) solid var(--color-border-rgba-255-255-255-18-0d41cad3);padding:var(--vd-u5) var(--vd-u10);border-radius:var(--vd-u99);font-size:calc(var(--vd-u11) * var(--ui-font-scale));font-weight:700}
.profile-progress{position:relative;padding:0 var(--vd-u25) var(--vd-u22)}
.profile-progress>div:first-child{display:flex;justify-content:space-between;font-size:calc(var(--vd-u11) * var(--ui-font-scale));margin-bottom:var(--vd-u7)}
.profile-progress .progress{background:var(--color-background-rgba-255-255-255-18-0d41cad3);height:var(--vd-u8)}
.profile-progress .progress span{background:var(--color-background-fff-d14f9016)}
.level-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vd-u9)}
.level-step{background:var(--color-background-fff-d14f9016);border:var(--vd-u1) solid var(--color-border-default);border-radius:var(--vd-u18);padding:var(--vd-u13);display:flex;align-items:flex-start;gap:var(--vd-u10);min-height:var(--vd-u88)}
.level-step>span{width:var(--vd-u31);height:var(--vd-u31);border-radius:var(--vd-u11);background:var(--color-background-f1f1f6-0b461b6a);color:var(--color-text-8d91a0-dfe217ce);display:grid;place-items:center;flex:none;font-weight:800}
.level-step b{font-size:calc(var(--vd-u12) * var(--ui-font-scale));display:block}
.level-step small{display:block;color:var(--color-text-muted);font-size:calc(var(--vd-u9-5) * var(--ui-font-scale));line-height:1.7;margin-top:var(--vd-u3)}
.level-step.done{border-color:var(--color-border-dff0e8-38069fc5);background:var(--color-background-fbfffd-b52c0f66)}
.level-step.done>span{background:var(--color-background-e8f7ef-a856b8b9);color:var(--color-text-178057-b34c4cb0)}
.level-step.current{border-color:var(--color-border-ddd6ff-6fbfc9be);background:var(--color-background-faf9ff-2431ec33);box-shadow:0 var(--vd-u8) var(--vd-u24) var(--color-shadow-rgba-108-92-231-08-1937f328)}
.level-step.current>span{background:var(--color-background-6c5ce7-b3ba3bb8);color:var(--color-text-fff-d14f9016)}
.level-step.locked{opacity:var(--vo-o0-62)}
.state-card{border-radius:var(--vd-u18);padding:var(--vd-u15) var(--vd-u17);display:flex;gap:var(--vd-u12);align-items:flex-start}
.state-card>i{width:var(--vd-u37);height:var(--vd-u37);border-radius:var(--vd-u12);display:grid;place-items:center;flex:none}
.state-card b,.state-card small{display:block}
.state-card small{margin-top:var(--vd-u3);line-height:1.8}
.state-card.pending{background:var(--color-background-fff8ea-a3335c85);border:var(--vd-u1) solid var(--color-border-f4e5bf-543759f2);color:var(--color-text-80591e-19045497)}
.state-card.pending>i{background:var(--color-background-ffefc9-9d1b6c9f)}
.state-card.rejected{background:var(--color-background-fff3f4-639a2a40);border:var(--vd-u1) solid var(--color-border-f5dadd-a44fdbb9);color:var(--color-text-9a3946-7c5ded9c)}
.state-card.rejected>i{background:var(--color-background-ffe4e7-e0692441)}
.profile-form-card{padding:var(--vd-u19)}
.api-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--vd-u13)}
.req{color:var(--color-text-d85867-5c9c2978);margin-right:var(--vd-u3)}
.upload-tile{min-height:var(--vd-u78);border:var(--vd-u1-5) dashed var(--color-border-d9d5eb-1e9a0964);background:var(--color-background-fbfaff-893049ce);border-radius:var(--vd-u16);padding:var(--vd-u11);display:flex;align-items:center;gap:var(--vd-u11);cursor:pointer}
.upload-tile input{display:none}
.upload-tile .upload-icon{width:var(--vd-u43);height:var(--vd-u43);border-radius:var(--vd-u13);background:var(--color-background-f0edff-ec5ab3b6);color:var(--color-text-6554df-ac5b9203);display:grid;place-items:center;flex:none}
.upload-tile b,.upload-tile small{display:block}
.upload-tile small{color:var(--color-text-muted);font-size:calc(var(--vd-u9-5) * var(--ui-font-scale));margin-top:var(--vd-u2)}
.upload-tile.has-file{border-style:solid;border-color:var(--color-border-d9ede4-eff8d2b6);background:var(--color-background-fbfffd-b52c0f66)}
.file-view{margin-right:auto;color:var(--color-text-6251de-83dcc528);font-size:calc(var(--vd-u10) * var(--ui-font-scale));font-weight:800}
.profile-save{margin-top:var(--vd-u18)}
.account-menu{padding:var(--vd-u6)}
.account-menu .item{border:0;box-shadow:none}
.account-menu .item+.item{border-top:var(--vd-u1) solid var(--color-border-default);border-radius:0}
@media (max-width:760px){.desktop-side{display:none}
.main{margin-right:0;padding:0 var(--vd-u12) var(--vd-u94)}
.top{height:var(--vd-u74);position:sticky;top:0;z-index:var(--vz-z25);background:var(--color-background-rgba-247-247-251-9-90c94655);backdrop-filter:blur(var(--vd-u18));padding-top:max(var(--vd-u4),env(safe-area-inset-top))}
.mobile-app-header:before{content:"";position:absolute;right:var(--vd-un12);left:var(--vd-un12);top:0;height:var(--vd-u3);background:linear-gradient(var(--va-deg90),var(--color-background-8b7bf3-5c9f6f77),var(--color-background-5b4bd9-25ef145c))}
.bottom-nav{display:flex;position:fixed;right:var(--vd-u10);left:var(--vd-u10);bottom:max(var(--vd-u9),env(safe-area-inset-bottom));height:var(--vd-u66);background:var(--color-background-rgba-255-255-255-96-da3d8a08);border:var(--vd-u1) solid var(--color-border-ebe9f4-f788366b);border-radius:var(--vd-u23);box-shadow:0 var(--vd-u16) var(--vd-u45) var(--color-shadow-rgba-44-38-79-17-a240cc15);backdrop-filter:blur(var(--vd-u18));z-index:var(--vz-z50);padding:var(--vd-u6)}
.bottom-nav button{flex:1;border:0;background:transparent;color:var(--color-text-999cac-e3bbc2b3);border-radius:var(--vd-u16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--vd-u3);font-size:calc(var(--vd-u9) * var(--ui-font-scale));position:relative}
.bottom-nav button i{font-size:calc(var(--vd-u17) * var(--ui-font-scale))}
.bottom-nav button.active{color:var(--color-text-6251de-83dcc528);background:var(--color-background-f4f1ff-74905d78)}
.bottom-nav .nav-lock{position:absolute;top:var(--vd-u7);left:var(--vp-r0-18);font-size:calc(var(--vd-u8) * var(--ui-font-scale))!important}
.profile-hero-main{padding:var(--vd-u21) var(--vd-u18) var(--vd-u13)}
.profile-progress{padding:0 var(--vd-u18) var(--vd-u18)}
.profile-avatar{width:var(--vd-u76);height:var(--vd-u76);border-radius:var(--vd-u24)}
.level-roadmap{grid-template-columns:1fr}
.level-step{min-height:0}
.api-profile-grid{grid-template-columns:1fr}
.profile-form-card{padding:var(--vd-u15)}
.section{margin-top:var(--vd-u15)}
.card{border-radius:var(--vd-u18)}}
.app-like .hero{background:linear-gradient(var(--va-deg135),var(--color-background-6554df-ac5b9203),var(--color-background-8271f1-51bf53de));border-radius:var(--vd-u28);box-shadow:0 var(--vd-u18) var(--vd-u50) var(--color-shadow-rgba-92-75-210-19-d0235b33)}
.app-like .hero .btn{color:var(--color-text-5b4bd8-af0f918a)}
.app-like .service-card{border-radius:var(--vd-u20)}
.app-like .service-icon{background:var(--color-background-f2efff-c5698354);color:var(--color-text-6554df-ac5b9203)}
.app-like .item-icon{background:var(--color-background-f3f1fb-166577bd);color:var(--color-text-6759b7-30a848cd)}
.app-like .wallet-card{background:linear-gradient(var(--va-deg135),var(--color-background-6554df-ac5b9203),var(--color-background-8372f1-8e986d46))}
@media (max-width:760px){.app-like .hero{grid-template-columns:1fr;min-height:var(--vd-u190);padding:var(--vd-u20);border-radius:var(--vd-u24)}
.app-like .hero h2{font-size:calc(var(--vd-u21) * var(--ui-font-scale))}
.app-like .hero-stats{margin-top:var(--vd-u13)}
.app-like .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vd-u10)}
.app-like .service-card{padding:var(--vd-u13)}
.app-like .service-icon{width:var(--vd-u44);height:var(--vd-u44);border-radius:var(--vd-u14)}}
.otp-boxes{display:flex;gap:var(--vd-u10);direction:ltr;justify-content:center;margin:var(--vd-u12) 0}
.otp-box{width:var(--vd-u48);height:var(--vd-u56);border:var(--vd-u1-5) solid var(--color-border-d8d5e8-96155a0b);border-radius:var(--vd-u16);text-align:center;font-size:calc(var(--vd-u24) * var(--ui-font-scale));font-weight:800;outline:none;background:var(--color-background-fff-d14f9016)}
.otp-box:focus{border-color:var(--color-border-6d4aff-1b78a86d);box-shadow:0 0 0 var(--vd-u4) var(--color-shadow-rgba-109-74-255-1-3e2df267)}
.profile-stage-nav{display:flex;gap:var(--vd-u8)}
.legal-check{display:flex;gap:var(--vd-u10);align-items:flex-start;background:var(--color-background-f7f5ff-c295aec9);padding:var(--vd-u12);border-radius:var(--vd-u14);margin:var(--vd-u12) 0}
.chat-policy-strip{font-size:calc(var(--vd-u12) * var(--ui-font-scale));color:var(--color-text-6b6480-85ae39f5);padding:var(--vd-u7) var(--vd-u12);background:var(--color-background-f7f5ff-c295aec9);border-radius:var(--vd-u12);margin-bottom:var(--vd-u8)}
.composer{position:sticky;bottom:0;background:var(--color-background-fff-d14f9016);padding-top:var(--vd-u10)}
.chat{border-radius:var(--vd-u18);background:linear-gradient(var(--va-deg180),var(--color-background-faf9ff-2431ec33),var(--color-background-fff-d14f9016))}
#voice-record.recording{animation:vistaPulse var(--vt-ms1000) infinite;background:var(--color-background-ffe9ee-1638bd8c);color:var(--color-text-c92e4b-a45c912b)}
@keyframes vistaPulse{50%{transform:scale(1.08);box-shadow:0 0 0 var(--vd-u8) var(--color-shadow-rgba-201-46-75-08-33ab3791)}}
.story-tray{display:flex;gap:var(--vd-u14);overflow:auto;padding:var(--vd-u4) var(--vd-u2) var(--vd-u8)}
.story-chip{border:0;background:transparent;min-width:var(--vd-u72);text-align:center;cursor:pointer}
.story-chip>span{width:var(--vd-u64);height:var(--vd-u64);border-radius:var(--vp-r0-5);padding:var(--vd-u3);background:linear-gradient(var(--va-deg135),var(--color-background-7b55ff-399b8ea2),var(--color-background-b64df2-274110f9));display:grid;place-items:center;color:var(--color-text-fff-d14f9016);font-size:calc(var(--vd-u22) * var(--ui-font-scale));margin:auto}
.story-chip img{width:var(--vp-r1);height:var(--vp-r1);object-fit:cover;border-radius:var(--vp-r0-5);border:var(--vd-u3) solid var(--color-border-fff-d14f9016)}
.story-chip small{display:block;margin-top:var(--vd-u6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-modal{position:fixed;inset:0;background:var(--color-background-rgba-18-12-34-88-cf16867a);z-index:var(--vz-z9999);display:grid;place-items:center;padding:var(--vd-u20)}
.story-card{position:relative;width:min(var(--vd-u430),var(--vp-r1));min-height:var(--vd-u560);border-radius:var(--vd-u28);overflow:hidden;background:var(--color-background-171020-67453588);color:var(--color-text-fff-d14f9016);display:flex;flex-direction:column;justify-content:flex-end}
.story-media{position:absolute;inset:0;width:var(--vp-r1);height:var(--vp-r1);object-fit:cover}
.story-copy{position:relative;z-index:var(--vz-z2);padding:var(--vd-u70) var(--vd-u22) var(--vd-u28);background:linear-gradient(transparent,var(--color-background-rgba-0-0-0-8-ac88a576))}
.story-copy h3{margin:0 0 var(--vd-u8)}
.story-copy p{white-space:pre-line}
.story-close{position:absolute;z-index:var(--vz-z3);top:var(--vd-u14);left:var(--vd-u14);width:var(--vd-u40);height:var(--vd-u40);border:0;border-radius:var(--vp-r0-5);background:var(--color-background-rgba-0-0-0-35-6303459b);color:var(--color-text-fff-d14f9016)}
.story-progress{position:absolute;z-index:var(--vz-z3);top:var(--vd-u9);left:var(--vd-u12);right:var(--vd-u12);height:var(--vd-u3);background:var(--color-background-rgba-255-255-255-25-ad13c7f0);border-radius:var(--vd-u10);overflow:hidden}
.story-progress span{display:block;height:var(--vp-r1);background:var(--color-background-fff-d14f9016);transform-origin:right;animation:storyRun linear forwards}
@keyframes storyRun{from{transform:scaleX(0)}
to{transform:scaleX(1)}}
.human-check{width:var(--vp-r1);margin-top:var(--vd-u18);padding:var(--vd-u13) var(--vd-u14);border:var(--vd-u1) solid var(--color-border-dbe5ef-70a8c805);border-radius:var(--vd-u16);background:var(--color-background-fff-d14f9016);display:flex;align-items:center;gap:var(--vd-u12);text-align:right;transition:var(--vt-ms200);cursor:pointer}
.human-check:hover{border-color:var(--color-border-9dc5ea-12c0548c);box-shadow:0 var(--vd-u6) var(--vd-u20) var(--color-shadow-rgba-49-120-198-08-a6853bfa)}
.human-box{width:var(--vd-u27);height:var(--vd-u27);border:var(--vd-u2) solid var(--color-border-aab8c8-a4a31761);border-radius:var(--vd-u8);display:grid;place-items:center;color:transparent;flex:0 0 auto}
.human-copy{display:flex;flex-direction:column;gap:var(--vd-u2);flex:1}
.human-copy b{font-size:calc(var(--vd-u13) * var(--ui-font-scale))}
.human-copy small{font-size:calc(var(--vd-u10) * var(--ui-font-scale));color:var(--color-text-muted)}
.human-shield{font-size:calc(var(--vd-u22) * var(--ui-font-scale));color:var(--color-text-7890aa-3fe2b6e7)}
.human-check.working .human-box{border-radius:var(--vp-r0-5);border-color:var(--color-border-dce6f0-a29ed9b1);border-top-color:var(--color-brand-primary);animation:humanSpin var(--vt-ms800) linear infinite}
.human-check.working .human-box i{display:none}
.human-check.verified{border-color:var(--color-border-9dd9b7-51755dab);background:var(--color-background-f5fff9-9cdcb3e1)}
.human-check.verified .human-box{background:var(--color-background-1eaf68-c3903414);border-color:var(--color-border-1eaf68-c3903414);color:var(--color-text-fff-d14f9016)}
.human-check.verified .human-shield{color:var(--color-text-1eaf68-c3903414)}
.vista-hp{position:absolute!important;left:var(--vd-un99999)!important;width:var(--vd-u1)!important;height:var(--vd-u1)!important;opacity:var(--vo-o0)!important;pointer-events:none!important}
@keyframes humanSpin{to{transform:rotate(var(--va-deg360))}}
@media (hover:none) and (pointer:coarse){.auth{grid-template-columns:minmax(0,1fr)!important;width:var(--vp-r1)!important;max-width:none!important;min-height:var(--vdhr-r1)!important}
.auth-art{display:none!important}
.auth-form{width:var(--vp-r1)!important;max-width:var(--vd-u560)!important;margin:0 auto!important;padding:clamp(var(--vd-u24),var(--vwr-r0-06),var(--vd-u42)) var(--vd-u20)!important;min-width:0!important}
.auth-brand,.auth-form>*{max-width:var(--vp-r1)}
.human-check{width:var(--vp-r1)!important}}
@media (max-width:1100px) and (orientation:portrait){.auth{grid-template-columns:minmax(0,1fr)!important}
.auth-art{display:none!important}
.auth-form{width:var(--vp-r1)!important;max-width:var(--vd-u560)!important;margin:0 auto!important;min-width:0!important}}
html,body{min-height:var(--vp-r1);-webkit-text-size-adjust:var(--vp-r1)}
button{touch-action:manipulation}
.btn:disabled,.human-check:disabled{cursor:not-allowed;opacity:var(--vo-o0-58);transform:none!important;box-shadow:none!important}
.auth-screen{min-height:var(--vdhr-r1);background:linear-gradient(var(--va-deg135),var(--color-background-f8f7ff-ed5e8e84) var(--vp-r0),var(--color-background-ffffff-c659d630) var(--vp-r0-48),var(--color-background-f5f8ff-469978e8) var(--vp-r1));grid-template-columns:minmax(var(--vd-u360),var(--vd-u560)) minmax(0,1fr);position:relative;overflow:hidden}
.auth-screen:before{content:"";position:fixed;width:var(--vd-u420);height:var(--vd-u420);border-radius:var(--vp-r0-5);right:var(--vd-un180);top:var(--vd-un170);background:radial-gradient(circle,var(--color-background-rgba-108-92-231-15-4629cce4),transparent var(--vp-r0-68));pointer-events:none}
.auth-screen .auth-form{padding:var(--vd-u34);justify-content:center;position:relative;z-index:var(--vz-z2)}
.auth-card{width:var(--vp-r1);max-width:var(--vd-u470);margin:auto;background:var(--color-background-rgba-255-255-255-94-24433dbf);border:var(--vd-u1) solid var(--color-border-ebe8f7-59419750);border-radius:var(--vd-u30);padding:var(--vd-u30);box-shadow:0 var(--vd-u24) var(--vd-u70) var(--color-shadow-rgba-55-45-105-10-0882333c);backdrop-filter:blur(var(--vd-u18))}
.auth-screen .auth-brand{margin:0 0 var(--vd-u28);gap:var(--vd-u12)}
.auth-screen .auth-brand b{display:block;font-size:calc(var(--vd-u20) * var(--ui-font-scale));line-height:1.2}
.auth-screen .auth-brand small{display:block;color:var(--color-text-8b8b9b-1150b18e);font-size:calc(var(--vd-u11) * var(--ui-font-scale));margin-top:var(--vd-u5)}
.auth-logo{background:linear-gradient(var(--va-deg145),var(--color-background-6c5ce7-b3ba3bb8),var(--color-background-5947d8-4cc90df1));box-shadow:0 var(--vd-u13) var(--vd-u30) var(--color-shadow-rgba-93-75-216-27-1a3bfe46)}
.auth-kicker{display:inline-flex;align-items:center;gap:var(--vd-u7);padding:var(--vd-u7) var(--vd-u11);border-radius:var(--vd-u999);background:var(--color-background-f1efff-4b8d3342);color:var(--color-text-6554df-ac5b9203);font-size:calc(var(--vd-u11) * var(--ui-font-scale));font-weight:800;margin-bottom:var(--vd-u13)}
.auth-title{font-size:calc(var(--vd-u30) * var(--ui-font-scale))!important;letter-spacing:var(--vd-un0-5);margin:0 0 var(--vd-u8)!important;color:var(--color-text-202033-ef03734a)}
.auth-subtitle{margin:0 0 var(--vd-u24);color:var(--color-text-8a8a99-77fa5b2c);line-height:2;font-size:calc(var(--vd-u13) * var(--ui-font-scale))}
.auth-subtitle b{color:var(--color-text-343446-27a5411f)}
.auth-field{margin-top:0}
.auth-field label{font-size:calc(var(--vd-u12) * var(--ui-font-scale));color:var(--color-text-363647-39292c7d);margin-bottom:var(--vd-u2)}
.auth-input-wrap .input{height:var(--vd-u58);border-radius:var(--vd-u17);border-color:var(--color-border-e3e1ec-ef59cd3a);background:var(--color-background-fafaff-bb18b700);font-size:calc(var(--vd-u16) * var(--ui-font-scale));padding-left:var(--vd-u15)}
.auth-input-wrap .input:focus{border-color:var(--color-border-9c8ff2-c6c18aef);box-shadow:0 0 0 var(--vd-u4) var(--color-shadow-rgba-108-92-231-09-4070cdc7);background:var(--color-background-fff-d14f9016)}
.auth-input-wrap i{color:var(--color-text-9a97ab-d113eee5)}
.field-hint{color:var(--color-text-a0a0ad-247fbc2a);font-size:calc(var(--vd-u10) * var(--ui-font-scale));margin-top:var(--vd-u2)}
.auth-screen .human-check{margin-top:var(--vd-u14);border-radius:var(--vd-u18);min-height:var(--vd-u66);padding:var(--vd-u12) var(--vd-u14);border-color:var(--color-border-e3e1ed-12719d4a);background:var(--color-background-fcfcff-a9aab28b)}
.auth-screen .human-check:hover{border-color:var(--color-border-b8aef2-5451ad18);box-shadow:0 var(--vd-u10) var(--vd-u28) var(--color-shadow-rgba-87-70-190-08-9fa2b655)}
.auth-screen .human-box{width:var(--vd-u30);height:var(--vd-u30);border-radius:var(--vd-u9)}
.auth-screen .human-copy b{font-size:calc(var(--vd-u12-5) * var(--ui-font-scale));color:var(--color-text-30303d-0bc02470)}
.auth-screen .human-copy small{font-size:calc(var(--vd-u9-5) * var(--ui-font-scale))}
.auth-screen .human-shield{color:var(--color-text-81779f-7451d8bb)}
.auth-screen .human-check.verified{border-color:var(--color-border-b9e4ca-8bf0c865);background:var(--color-background-f7fff9-d9ef2876)}
.auth-screen .human-check.working{border-color:var(--color-border-dcd7fa-d7960ad4);background:var(--color-background-fbfaff-893049ce)}
.auth-status{display:flex;align-items:center;gap:var(--vd-u8);margin:var(--vd-u12) var(--vd-u3) 0;color:var(--color-text-9393a0-ea1f4b23);font-size:calc(var(--vd-u10-5) * var(--ui-font-scale));min-height:var(--vd-u20)}
.status-dot{width:var(--vd-u7);height:var(--vd-u7);border-radius:var(--vp-r0-5);background:var(--color-background-c5c4ce-19c00a07);flex:none}
.auth-status.ok{color:var(--color-text-27865b-a4a72a45)}
.auth-status.ok .status-dot{background:var(--color-background-2bae70-14fc5046);box-shadow:0 0 0 var(--vd-u4) var(--color-shadow-rgba-43-174-112-10-5fb20b51)}
.auth-status.bad{color:var(--color-text-c64d5b-ce0793cc)}
.auth-status.bad .status-dot{background:var(--color-background-dd5b68-ed15a813)}
.auth-status.working{color:var(--color-text-6759bb-5c613f92)}
.auth-status.working .status-dot{background:var(--color-background-7565d8-7dab3bff);animation:vistaPulseDot var(--vt-ms1000) infinite}
@keyframes vistaPulseDot{50%{box-shadow:0 0 0 var(--vd-u6) var(--color-shadow-rgba-117-101-216-10-2641c07c)}}
.auth-submit{height:var(--vd-u56)!important;border-radius:var(--vd-u17)!important;margin-top:var(--vd-u15)!important;font-size:calc(var(--vd-u14) * var(--ui-font-scale));background:linear-gradient(var(--va-deg135),var(--color-background-6d5ce7-ab38fb5e),var(--color-background-5947d8-4cc90df1))!important;box-shadow:0 var(--vd-u14) var(--vd-u32) var(--color-shadow-rgba-89-71-216-22-e4b0d260)!important}
.auth-note{text-align:center;margin:var(--vd-u17) 0 0!important;color:var(--color-text-9a99a5-71ef7b13)!important;font-size:calc(var(--vd-u10) * var(--ui-font-scale))!important}
.auth-note i{margin-left:var(--vd-u4)}
.mini-spinner{width:var(--vd-u17);height:var(--vd-u17);border:var(--vd-u2) solid var(--color-border-rgba-255-255-255-38-3cea3f13);border-top-color:var(--color-border-fff-d14f9016);border-radius:var(--vp-r0-5);animation:humanSpin var(--vt-ms700) linear infinite}
.auth-art{background:linear-gradient(var(--va-deg145),var(--color-background-6554df-ac5b9203),var(--color-background-8271f1-51bf53de));display:flex;align-items:center;justify-content:center;padding:var(--vd-u60)}
.auth-art:before{inset:auto var(--vp-rn0-15) var(--vp-rn0-4) var(--vp-rn0-15);height:var(--vp-r0-85);background:radial-gradient(circle at var(--vp-r0-5) var(--vp-r0-2),var(--color-background-rgba-255-255-255-24-42ea74b6),transparent var(--vp-r0-15)),repeating-radial-gradient(circle at var(--vp-r0-5) var(--vp-r0-2),var(--color-background-rgba-255-255-255-08-0f1c00d7) 0 var(--vd-u2),transparent var(--vd-u3) var(--vd-u21))}
.auth-art-copy{position:relative;z-index:var(--vz-z3);color:var(--color-text-fff-d14f9016);max-width:var(--vd-u570)}
.auth-art-badge{display:inline-flex;padding:var(--vd-u8) var(--vd-u13);border-radius:var(--vd-u999);background:var(--color-background-rgba-255-255-255-14-e65a3569);border:var(--vd-u1) solid var(--color-border-rgba-255-255-255-19-c9d8f06f);font-size:calc(var(--vd-u11) * var(--ui-font-scale))}
.auth-art-copy h2{font-size:calc(var(--vd-u42) * var(--ui-font-scale));margin:var(--vd-u18) 0 var(--vd-u12)}
.auth-art-copy>p{font-size:calc(var(--vd-u15) * var(--ui-font-scale));line-height:2.1;color:var(--color-text-eeeaff-da486935);max-width:var(--vd-u520)}
.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--vd-u12);margin-top:var(--vd-u28)}
.auth-feature-grid>div{padding:var(--vd-u16);border-radius:var(--vd-u20);background:var(--color-background-rgba-255-255-255-11-525f58da);border:var(--vd-u1) solid var(--color-border-rgba-255-255-255-15-7a92317e);backdrop-filter:blur(var(--vd-u8))}
.auth-feature-grid i{font-size:calc(var(--vd-u20) * var(--ui-font-scale));margin-bottom:var(--vd-u15)}
.auth-feature-grid b,.auth-feature-grid small{display:block}
.auth-feature-grid small{opacity:var(--vo-o0-75);font-size:calc(var(--vd-u10) * var(--ui-font-scale));margin-top:var(--vd-u5)}
.ltr-inline{direction:ltr;display:inline-block}
.otp-timer-card{display:flex;align-items:center;gap:var(--vd-u14);padding:var(--vd-u13) var(--vd-u15);border:var(--vd-u1) solid var(--color-border-ece9f5-ab771f7a);background:var(--color-background-fbfaff-893049ce);border-radius:var(--vd-u19);margin:var(--vd-u18) 0}
.otp-ring{--otp-progress:var(--va-deg360);width:var(--vd-u68);height:var(--vd-u68);border-radius:var(--vp-r0-5);background:conic-gradient(var(--color-background-6c5ce7-b3ba3bb8) var(--otp-progress),var(--color-background-eceaf3-0e538d6f) 0);display:grid;place-items:center;position:relative;flex:none;transition:background var(--vt-ms250)}
.otp-ring:before{content:"";position:absolute;inset:var(--vd-u5);border-radius:var(--vp-r0-5);background:var(--color-background-fff-d14f9016)}
.otp-ring>div{position:relative;z-index:var(--vz-z2);text-align:center;direction:ltr}
.otp-ring b{display:block;font-size:calc(var(--vd-u14) * var(--ui-font-scale));line-height:1.1;color:var(--color-text-383747-d5fce45e)}
.otp-ring small{font-size:calc(var(--vd-u8) * var(--ui-font-scale));color:var(--color-text-9c9aa8-246770cf)}
.otp-ring.ending{background:conic-gradient(var(--color-background-e29b3a-16b09c6e) var(--otp-progress),var(--color-background-f1ece4-0405e8bc) 0)}
.otp-ring.expired{background:var(--color-background-f0edf3-df490627)}
.otp-timer-copy{min-width:0}
.otp-timer-copy b{display:block;font-size:calc(var(--vd-u12) * var(--ui-font-scale))}
.otp-timer-copy small{display:block;color:var(--color-text-9695a3-78e7b999);font-size:calc(var(--vd-u9-5) * var(--ui-font-scale));line-height:1.8;margin-top:var(--vd-u4)}
.auth-otp-boxes{gap:var(--vd-u9);margin:var(--vd-u8) 0 var(--vd-u2)}
.auth-otp-boxes .otp-box{width:min(var(--vd-u56),var(--vwr-r0-13));height:var(--vd-u62);border-radius:var(--vd-u17);border-color:var(--color-border-dedbe8-fb9ebde6);background:var(--color-background-fff-d14f9016);font-size:calc(var(--vd-u25) * var(--ui-font-scale));box-shadow:0 var(--vd-u4) var(--vd-u16) var(--color-shadow-rgba-52-45-92-025-6c38cb76)}
.auth-otp-boxes .otp-box:focus{border-color:var(--color-border-8d7fed-bbbfd31c);box-shadow:0 0 0 var(--vd-u4) var(--color-shadow-rgba-108-92-231-09-4070cdc7)}
.auth-otp-boxes .otp-box:disabled{background:var(--color-background-f5f4f7-0b31bd26);color:var(--color-text-aaa-803a253c)}
.otp-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--vd-u16)}
.otp-actions .link-btn{color:var(--color-text-6a59de-e2a5de29);font-size:calc(var(--vd-u11) * var(--ui-font-scale));padding:var(--vd-u7) 0}
.otp-actions .link-btn:disabled{color:var(--color-text-aaa-803a253c);cursor:not-allowed}
.otp-actions i{margin-left:var(--vd-u5)}
@media (max-width:900px),(hover:none) and (pointer:coarse){.auth-screen{display:block!important;min-height:var(--vdhr-r1)!important;background:linear-gradient(var(--va-deg180),var(--color-background-f8f7ff-ed5e8e84) 0,var(--color-background-fff-d14f9016) var(--vp-r0-35))!important}
.auth-screen .auth-art{display:none!important}
.auth-screen .auth-form{width:var(--vp-r1)!important;max-width:none!important;min-height:var(--vdhr-r1)!important;padding:max(var(--vd-u22),env(safe-area-inset-top)) var(--vd-u16) max(var(--vd-u24),env(safe-area-inset-bottom))!important;display:flex!important;align-items:center!important}
.auth-card{max-width:var(--vd-u520);padding:var(--vd-u25) var(--vd-u20) var(--vd-u22);border-radius:var(--vd-u27);box-shadow:0 var(--vd-u18) var(--vd-u50) var(--color-shadow-rgba-57-46-111-08-c1746bc0)}
.auth-screen .auth-brand{margin-bottom:var(--vd-u24)}
.auth-title{font-size:calc(var(--vd-u27) * var(--ui-font-scale))!important}
.auth-subtitle{margin-bottom:var(--vd-u20)}
.auth-input-wrap .input{height:var(--vd-u56)}
.auth-screen .human-check{min-height:var(--vd-u64)}
.auth-submit{height:var(--vd-u54)!important}
.auth-otp-boxes{gap:var(--vd-u7)}
.auth-otp-boxes .otp-box{width:min(var(--vd-u58),var(--vwr-r0-13));height:var(--vd-u59);border-radius:var(--vd-u16)}
.otp-timer-card{margin-top:var(--vd-u14)}}
@media (max-width:380px){.auth-card{padding:var(--vd-u22) var(--vd-u15)}
.auth-screen .auth-brand{margin-bottom:var(--vd-u19)}
.auth-title{font-size:calc(var(--vd-u24) * var(--ui-font-scale))!important}
.auth-subtitle{font-size:calc(var(--vd-u12) * var(--ui-font-scale))}
.auth-otp-boxes{gap:var(--vd-u5)}
.auth-otp-boxes .otp-box{width:min(var(--vd-u48),var(--vwr-r0-13));height:var(--vd-u54);font-size:calc(var(--vd-u22) * var(--ui-font-scale))}
.otp-ring{width:var(--vd-u61);height:var(--vd-u61)}
.otp-timer-card{padding:var(--vd-u11)}}