:root{color-scheme:dark;--vv-bg:#08080f;--vv-panel:#151024;--vv-border:#29243b;--vv-text:#f6f4ff;--vv-muted:#9490a7;--vv-cyan:#00d6ef;--vv-violet:#9b68ff}
.vv-auth{margin:0;min-height:100dvh;background:#06060d;color:var(--vv-text);font:15px/1.5 Inter,system-ui,sans-serif}
.vv-auth *,.vv-pay *{box-sizing:border-box}
.vv-art{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.vv-art-bottom,.vv-art-top{position:absolute;overflow:hidden;opacity:.52}
.vv-art-bottom{left:-13vw;bottom:-3vh;width:61vw;height:30vh}
.vv-art-top{right:-21vw;top:-10vh;width:47vw;height:53vh;transform:rotate(115deg)}
.vv-art-bottom img,.vv-art-top img{position:absolute;width:100%;max-width:none}
.vv-art-bottom img{bottom:0;height:274%;object-fit:fill}
.vv-art-top img{bottom:0;height:210%;object-fit:fill}
.vv-ellipse{position:absolute;width:47vw;pointer-events:none}
.vv-ellipse-a{left:-10vw;top:-15vh}.vv-ellipse-b{left:-5vw;bottom:-3vh}.vv-ellipse-c{left:43%;top:20vh;width:39vw}
.vv-welcome{position:relative;margin:auto;width:min(82%,1440px);min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(325px,.98fr);gap:clamp(38px,8vw,154px);align-items:center;padding:60px 0}
.vv-intro{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:530px}
.vv-logo{display:block;width:180px;height:auto;object-fit:contain}
.vv-intro .vv-logo{position:absolute;top:1.5%;left:0}
.vv-intro-copy{padding-top:50px}
.vv-eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#a29bb0}
.vv-intro h1{font-size:clamp(44px,5.2vw,85px);line-height:1.09;margin:16px 0 24px;letter-spacing:-.045em}
.vv-intro h1 span,.vv-pay h1 span{color:var(--vv-cyan)}
.vv-intro-copy>p:not(.vv-eyebrow){color:#aca8b7;max-width:450px;font-size:clamp(14px,1.2vw,21px);line-height:1.35}
.vv-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:25px 0 18px}
.vv-tools div{display:grid;place-items:center;align-content:center;gap:7px;min-height:83px;border-radius:12px;border:1px solid #282536;background:#ffffff0b;font-size:12px;white-space:nowrap}
.vv-tools img{max-width:42px;max-height:36px}
.vv-benefits{list-style:none;display:flex;flex-wrap:wrap;gap:12px 18px;padding:0;font-size:12px;color:#b7b1c4}
.vv-benefits li::before,.vv-features li::before{content:"✓";color:var(--vv-cyan);font-weight:700;margin-right:8px}
.vv-auth-card{background:#171127;border:1px solid #322841;border-radius:24px;padding:clamp(22px,3vw,48px);box-shadow:0 24px 80px #0006;min-width:0}
.vv-auth-card.vv-signup{background:linear-gradient(145deg,#171329f7,#10101de8)}
.vv-auth-card h2{font-size:clamp(25px,2.5vw,42px);letter-spacing:-.04em;margin:0 0 4px;line-height:1.15}
.vv-auth-card>p{color:#aca6bc;margin:6px 0 20px}
.vv-auth-fields,.vv-field{display:grid;gap:13px}
.vv-field{gap:6px;min-width:0;color:#c0b8ce;font-size:12px}
.vv-input{display:flex;align-items:center;gap:8px;background:#100c1e;border:1px solid #332b43;border-radius:9px;min-height:47px;padding:0 12px;min-width:0}
.vv-input:focus-within{border-color:var(--vv-cyan);box-shadow:0 0 0 3px #00d6ef20}
.vv-input>img{width:16px;max-height:18px}
.vv-input input{width:100%;min-width:0;border:0;padding:12px 0;background:none;outline:none;font:inherit;font-size:14px;color:#f6f4ff}
.vv-eye,.vv-text-btn{border:0;background:none;color:var(--vv-violet);cursor:pointer;font:inherit;padding:4px}
.vv-eye img{width:18px;display:block}.vv-forgot{text-align:right;font-size:13px}
.vv-primary,.vv-secondary{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;border-radius:9px;cursor:pointer;font:inherit;text-decoration:none;text-align:center}
.vv-primary{border:1px solid #07cbe7;color:#00141a;background:#00cde9;font-weight:750}.vv-primary:hover{background:#3de5f5}
.vv-primary:disabled,.vv-secondary:disabled{opacity:.5;cursor:not-allowed}
.vv-secondary{border:1px solid #3c334e;color:#f3efff;background:#251c33;font-weight:550}.vv-secondary img{width:21px;max-height:21px}
.vv-divider{display:flex;align-items:center;gap:13px;color:#8e849f;font-size:12px;margin:20px 0}.vv-divider:before,.vv-divider:after{content:"";height:1px;flex:1;background:#382c47}
.vv-auth-links,.vv-telegram{text-align:center;color:#9e95ad;font-size:13px;margin:16px 0 0}
.vv-telegram{border-top:1px solid #302742;padding-top:12px}.vv-telegram summary{cursor:pointer}
.vv-hint{color:#a39bb5}.vv-error,#vvAuthMessage.vv-error{color:#ff9baf!important}
.vv-consent{display:flex;align-items:center;gap:8px;font-size:12px;color:#9a91a9}.vv-consent a{color:var(--vv-cyan)}
.vv-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#vvAuthMessage{font-size:13px;margin:13px 0 0;color:#80e7cd}#vvAuthMessage:empty{display:none}
@media(max-width:900px){.vv-welcome{width:min(92%,750px);gap:25px;grid-template-columns:minmax(0,1fr) minmax(270px,1fr)}.vv-intro{min-height:460px}.vv-intro .vv-logo{width:130px}.vv-tools div{min-height:62px;font-size:10px}.vv-tools img{max-width:26px}}
@media(max-width:670px){.vv-welcome{grid-template-columns:minmax(0,1fr);padding:23px 0 34px}.vv-intro{min-height:0}.vv-intro .vv-logo{position:static;width:132px}.vv-intro-copy{padding-top:12px}.vv-intro h1{font-size:38px;margin:6px 0 10px}.vv-intro h1 br{display:none}.vv-intro h1 span{margin-left:.2em}.vv-intro-copy>p:not(.vv-eyebrow){margin:8px 0}.vv-tools{margin:12px 0}.vv-benefits{display:none}.vv-art-top{right:-50vw;width:95vw}}
