@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";.vivonka-auth{--vv-purple:#6d36d7;--vv-purple-dark:#130b24;--vv-yellow:#ffd43b;--vv-cream:#f4f0e8;--vv-ink:#17131d;background:var(--vv-purple-dark);min-height:100svh;color:var(--vv-ink);grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);font-family:Poppins,sans-serif;display:grid}.vivonka-auth *{box-sizing:border-box}.vivonka-auth__story{color:#fff;background:radial-gradient(circle at 76% 34%,#6d36d761,#0000 25%),linear-gradient(135deg,#0d0718 0%,#171027 53%,#241440 100%);min-height:100svh;padding:clamp(28px,4vw,64px);position:relative;overflow:hidden}.vivonka-auth__story:before,.vivonka-auth__story:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.vivonka-auth__story:before{width:540px;height:540px;top:-180px;right:-210px}.vivonka-auth__story:after{width:310px;height:310px;bottom:-120px;left:-140px}.vivonka-auth__back{z-index:5;color:#ffffffb8;align-items:center;gap:10px;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.vivonka-auth__back:hover{color:#fff}.vivonka-auth__back svg{width:17px}.vivonka-auth__story-copy{z-index:3;width:min(680px,72%);margin-top:clamp(72px,10vh,130px);position:relative}.vivonka-auth__logo--white{object-fit:contain;width:clamp(160px,17vw,240px);height:auto;margin-bottom:54px}.vivonka-auth__eyebrow{width:fit-content;color:var(--vv-yellow);letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.vivonka-auth__eyebrow svg{width:14px}.vivonka-auth__story h1{color:#fff;letter-spacing:-.07em;max-width:700px;margin:24px 0 22px;font-size:clamp(52px,6.5vw,104px);font-weight:900;line-height:.88}.vivonka-auth__story h1 span{color:var(--vv-yellow);display:block}.vivonka-auth__story-copy>p{color:#ffffffa8;max-width:550px;font-size:clamp(15px,1.2vw,18px);line-height:1.75}.vivonka-auth__benefits{color:#ffffffd1;gap:14px;margin:34px 0 0;padding:0;font-size:13px;font-weight:600;list-style:none;display:grid}.vivonka-auth__benefits li{align-items:center;gap:12px;display:flex}.vivonka-auth__benefits svg{background:var(--vv-yellow);color:#17131d;border-radius:50%;width:21px;height:21px;padding:4px}.vivonka-auth__mascot-wrap{z-index:2;aspect-ratio:1;width:min(40vw,520px);position:absolute;bottom:clamp(-130px,-8vw,-60px);right:clamp(-40px,1vw,24px)}.vivonka-auth__mascot{z-index:2;filter:drop-shadow(0 32px 28px #00000070);width:90%;position:absolute;inset:8% 0 auto 5%;transform:rotate(8deg)}.vivonka-auth__orbit{z-index:1;background:var(--vv-yellow);border-radius:50%;width:76%;height:76%;position:absolute;bottom:0;right:0}.vivonka-auth__wordmark{letter-spacing:-.08em;color:#ffffff06;pointer-events:none;font-size:clamp(110px,15vw,260px);font-weight:900;position:absolute;top:14%;right:-14px;transform:rotate(-7deg)}.vivonka-auth__form-side{background:linear-gradient(#17131d09 1px, transparent 1px), linear-gradient(90deg, #17131d09 1px, transparent 1px), var(--vv-cream);background-size:30px 30px;place-items:center;min-height:100svh;padding:clamp(28px,5vw,82px);display:grid}.vivonka-auth__form-shell{width:min(100%,520px)}.vivonka-auth__mobile-logo{width:142px;margin-bottom:48px;display:none}.vivonka-auth__mobile-logo img{width:100%;height:auto}.vivonka-auth__heading>span{color:var(--vv-purple);letter-spacing:.16em;font-size:10px;font-weight:900}.vivonka-auth__heading h2{color:var(--vv-ink);letter-spacing:-.055em;margin:12px 0 10px;font-size:clamp(34px,4vw,54px);font-weight:900;line-height:1}.vivonka-auth__heading p{color:#716b77;margin:0 0 36px;font-size:14px;line-height:1.7}.vivonka-auth__stack{gap:20px;display:grid}.vivonka-auth__field,.vivonka-auth__field-grid{gap:9px;display:grid}.vivonka-auth__field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vivonka-auth__field label{color:#29232e;font-size:12px;font-weight:800}.vivonka-auth__label-row{justify-content:space-between;align-items:center;display:flex}.vivonka-auth__label-row a,.vivonka-auth__switch a{color:var(--vv-purple);font-weight:800;text-decoration:none}.vivonka-auth__input-wrap{position:relative}.vivonka-auth__input-wrap>svg{z-index:2;color:#8f8796;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.vivonka-auth__input-wrap input{font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s;height:58px!important;box-shadow:none!important;background:#ffffffc7!important;border:1px solid #d9d2dd!important;border-radius:12px!important;padding-left:48px!important}.vivonka-auth__input-wrap input:focus{border-color:var(--vv-purple)!important;box-shadow:0 0 0 4px #6d36d71a!important}.vivonka-auth__remember{align-items:center;gap:10px;display:flex}.vivonka-auth__remember label{color:#5c5562;font-size:12px;font-weight:600}.vivonka-auth__submit{justify-content:center;align-items:center;gap:12px;font-family:inherit;font-size:13px;font-weight:800;background:var(--vv-purple)!important;color:#fff!important;border-radius:999px!important;height:58px!important;transition:transform .2s,box-shadow .2s!important;display:inline-flex!important;box-shadow:5px 5px #17131d!important}.vivonka-auth__submit:hover{transform:translate(2px,2px);box-shadow:3px 3px #17131d!important}.vivonka-auth__submit svg{width:17px}.vivonka-auth__switch{text-align:center;color:#746d79;font-size:12px}.vivonka-auth__notice,.vivonka-auth__mini-note{color:#24713a;background:#e9f7ec;border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:12px;font-weight:700}.vivonka-auth__mini-note{color:#5830ad;text-align:center;background:#eee7ff;margin:0}.vivonka-auth__passkey{gap:14px;margin-top:24px;display:grid}.vivonka-auth__passkey>span{color:#9a939f;text-transform:uppercase;align-items:center;gap:12px;font-size:10px;font-weight:800;display:flex}.vivonka-auth__passkey>span:before,.vivonka-auth__passkey>span:after{content:"";background:#ddd6e0;flex:1;height:1px}.vivonka-auth__legal{color:#979099;text-align:center;margin-top:36px;font-size:10px;line-height:1.65}@media (width<=1120px){.vivonka-auth{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.vivonka-auth__story-copy{width:86%}.vivonka-auth__mascot-wrap{opacity:.72}}@media (width<=850px){.vivonka-auth{background:var(--vv-cream);display:block}.vivonka-auth__story{display:none}.vivonka-auth__form-side{min-height:100svh;padding:36px 22px 54px}.vivonka-auth__mobile-logo{display:block}}@media (width<=540px){.vivonka-auth__field-grid{grid-template-columns:1fr}.vivonka-auth__heading h2{font-size:38px}}