.vb-login{--vl-forest:#0e2217;--vl-forest-2:#163424;--vl-paper:#eef2ea;--vl-paper-2:#f6f8f3;--vl-card:#fbfcf9;--vl-ink:#17231b;--vl-ink-soft:#55635a;--vl-line:#d7dfd4;--vl-green:#3f7a52;--vl-green-dark:#2f6041;--vl-on-dark:#f1f6ef;--vl-on-dark-soft:#c6d6c8;--vb-display:"Outfit", "Trebuchet MS", system-ui, sans-serif;--vb-body:"Figtree", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--vl-paper);min-height:100dvh;color:var(--vl-ink);font-family:var(--vb-body);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.vb-login-hero{isolation:isolate;color:var(--vl-on-dark);background:radial-gradient(ellipse 60% 70% at 70% 40%, #1f4a31 0%, transparent 70%), linear-gradient(160deg, var(--vl-forest-2), var(--vl-forest));flex-direction:column;justify-content:space-between;gap:32px;padding:48px clamp(20px,5vw,72px);display:flex;position:relative;overflow:hidden}.vb-login-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0e2217eb 0%,#0e2217b3 38%,#0e221700 70%);position:absolute;inset:0}.vb-login-pets{z-index:-2;opacity:0;width:min(62%,560px);animation:1.8s cubic-bezier(.2,.7,.2,1) .15s forwards vb-pet-in;position:absolute;top:0;bottom:0;right:0}.vb-login-pets .frame{width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 32% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 32% 100%)}.vb-login-pets img{object-fit:cover;object-position:60% 30%;transform-origin:55% 35%;width:100%;max-width:none;height:100%;animation:16s ease-in-out infinite alternate vb-breathe;display:block}.vb-login-brand{z-index:1;align-items:center;gap:22px;animation:.9s .5s both vb-fade-up;display:flex;position:relative}.vb-login-brand .vb-logo{width:170px;margin:0;animation:none}.vb-login-brand .divider{background:#f1f6ef4d;align-self:stretch;width:1px}.vb-login-brand .name{font-family:var(--vb-display);font-size:1.55rem;font-weight:600;line-height:1.2}.vb-login-brand .org{color:var(--vl-on-dark-soft);font-size:1.05rem}.vb-login-pitch{z-index:1;max-width:30rem;position:relative}.vb-login-pitch h1{font-family:var(--vb-display);letter-spacing:-.01em;margin:0 0 18px;font-size:clamp(2.4rem,5vw,4.1rem);font-weight:700;line-height:1.04}.vb-login-pitch h1 span{animation:1s cubic-bezier(.2,.7,.2,1) both vb-fade-up;display:block}.vb-login-pitch h1 span:first-child{animation-delay:.8s}.vb-login-pitch h1 span:nth-child(2){animation-delay:1s}.vb-login-pitch p{color:var(--vl-on-dark-soft);margin:0;font-size:1.12rem;line-height:1.6;animation:.9s 1.3s both vb-fade-up}.vb-login-steps{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.vb-login-steps li{color:var(--vl-on-dark-soft);border:1px solid #8fcb9847;border-radius:999px;padding:6px 12px;font-size:.85rem;animation:.6s both vb-fade-up,12s ease-in-out infinite vb-lit}.vb-login-steps li:first-child{animation-delay:1.5s,3s}.vb-login-steps li:nth-child(2){animation-delay:1.6s,4.5s}.vb-login-steps li:nth-child(3){animation-delay:1.7s,6s}.vb-login-steps li:nth-child(4){animation-delay:1.8s,7.5s}.vb-login-steps li:nth-child(5){animation-delay:1.9s,9s}.vb-login-steps li:nth-child(6){animation-delay:2s,10.5s}@keyframes vb-lit{0%,14%,to{color:var(--vl-on-dark-soft);background:0 0;border-color:#8fcb9847}5%{color:var(--vl-on-dark);background:#8fcb9838;border-color:#8fcb98b3}}.vb-login-restrict{z-index:1;color:var(--vl-on-dark-soft);align-items:center;gap:10px;margin:0;font-size:.92rem;animation:.9s 1.6s both vb-fade-up;display:flex;position:relative}.vb-login-restrict svg{flex:none;width:18px;height:18px}.vb-login-side{isolation:isolate;background:linear-gradient(180deg, var(--vl-paper-2), var(--vl-paper));place-items:center;padding:48px clamp(16px,4vw,56px);display:grid;position:relative;overflow:hidden}.vb-login-side .heart{z-index:-1;opacity:.14;width:300px;animation:5.5s ease-in-out infinite vb-beat;position:absolute;top:-30px;right:-40px}.vb-login-side .leaf{z-index:-1;filter:blur(10px);opacity:.5;transform-origin:100% 100%;background:#2f5a3b;border-radius:60% 0;animation:7s ease-in-out infinite alternate vb-sway;position:absolute}.vb-login-side .leaf.a{width:190px;height:90px;bottom:70px;right:-30px;transform:rotate(-28deg)}.vb-login-side .leaf.b{opacity:.42;width:150px;height:70px;animation-duration:9s;bottom:-10px;right:40px;transform:rotate(-58deg)}.vb-login-side .leaf.c{opacity:.32;width:120px;height:60px;animation-duration:8s;bottom:170px;right:-20px;transform:rotate(-8deg)}@keyframes vb-sway{0%{rotate:0deg}to{rotate:6deg}}.vb-login-card{background:var(--vl-card);border:1px solid #d7dfd4e6;border-radius:26px;width:min(100%,460px);padding:40px 36px 32px;animation:1s cubic-bezier(.2,.7,.2,1) .45s both vb-rise;box-shadow:0 30px 70px #213a2824,0 2px 6px #213a280f}.vb-login-card.shake{animation:.45s vb-shake}@keyframes vb-shake{0%,to{transform:none}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.vb-login-card h2{font-family:var(--vb-display);letter-spacing:-.01em;color:var(--vl-ink);margin:0;font-size:2.6rem;font-weight:700}.vb-login-card .hint{color:var(--vl-ink-soft);margin:8px 0 26px;font-size:1rem;line-height:1.5}.vb-login-field{gap:8px;margin-bottom:20px;display:grid}.vb-login-field label{color:var(--vl-ink);font-size:1rem;font-weight:600}.vb-login-control{border:1px solid var(--vl-line);background:#fff;border-radius:14px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.vb-login-control:focus-within{border-color:var(--vl-green);box-shadow:0 0 0 4px #3f7a5229}.vb-login-control>svg{width:22px;height:22px;color:var(--vl-ink-soft);flex:none;margin-left:16px;transition:color .2s,transform .2s}.vb-login-control:focus-within>svg{color:var(--vl-green);transform:scale(1.08)}.vb-login-control input{min-width:0;font:inherit;color:var(--vl-ink);background:0 0;border:0;outline:none;flex:1;padding:15px 14px;font-size:1rem}.vb-login-control input::placeholder{color:#98a39b}.vb-login-eye{width:44px;height:44px;color:var(--vl-ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;margin-right:6px;display:grid}.vb-login-eye:hover{color:var(--vl-ink);background:#eef2ea}.vb-login-eye:focus-visible{outline:2px solid var(--vl-green)}.vb-login-eye svg{width:22px;height:22px}.vb-login-submit{background:linear-gradient(180deg, var(--vl-green), var(--vl-green-dark));color:#f5faf3;width:100%;font-family:var(--vb-display);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:6px;padding:16px;font-size:1.2rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px #2f604147}.vb-login-submit:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff40 50%,#0000 70%);animation:4.5s ease-in-out 2.5s infinite vb-shine;position:absolute;inset:0;transform:translate(-120%)}.vb-login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #2f604157}.vb-login-submit:disabled{opacity:.75;cursor:progress}.vb-login-submit:focus-visible{outline-offset:3px;outline:3px solid #3f7a5273}.vb-login-submit svg{width:22px;height:22px;transition:transform .25s}.vb-login-submit:hover svg{transform:translate(4px)}.vb-login-links{justify-items:center;gap:10px;margin-top:22px;display:grid}.vb-login-link{color:var(--vl-green-dark);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:.98rem;text-decoration:underline}.vb-login-link:focus-visible{outline:2px solid var(--vl-green);border-radius:4px}.vb-login-message{text-align:center;color:#9b2c2c;min-height:1.4em;margin:14px 0 0;font-size:.92rem}.vb-login-message.ok{color:var(--vl-green-dark)}.vb-login-card-restrict{display:none}@media (width<=900px){.vb-login{isolation:isolate;background:var(--vl-forest);color:var(--vl-on-dark);flex-direction:column;gap:22px;padding:28px 16px 24px;display:flex;position:relative;overflow:hidden}.vb-login:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0a1a11e6 0%,#0a1a118c 28%,#0a1a1140 55%,#0a1a11cc 88%,#0a1a11eb 100%);position:absolute;inset:0}.vb-login-hero,.vb-login-side,.vb-login-pitch{display:contents}.vb-login-pets{width:100%;position:absolute;inset:0}.vb-login-pets .frame{-webkit-mask-image:none;mask-image:none}.vb-login-pets img{object-position:62% 30%}.vb-login-brand{order:1;gap:16px}.vb-login-pitch h1{text-shadow:0 2px 18px #00000073;order:2;margin:0;font-size:clamp(2rem,9vw,2.6rem)}.vb-login-pitch h1,.vb-login-pitch p,.vb-login-card{z-index:1;position:relative}.vb-login-card{-webkit-backdrop-filter:blur(10px);background:#fbfcf9f2;order:3;align-self:center;width:min(100%,440px);margin-block:auto;padding:28px 22px 22px;box-shadow:0 24px 60px #0006}.vb-login-card h2{font-size:2.1rem}.vb-login-card .hint{margin-bottom:20px}.vb-login-pitch p{text-align:center;text-shadow:0 1px 10px #00000080;order:4;font-size:.98rem;line-height:1.5}.vb-login-steps,.vb-login-restrict,.vb-login-side .heart,.vb-login-side .leaf{display:none}.vb-login-card-restrict{color:var(--vl-ink-soft);justify-content:center;align-items:center;gap:6px;margin:16px 0 0;font-size:.78rem;display:flex}.vb-login-card-restrict svg{flex:none;width:13px;height:13px}}@media (width<=460px){.vb-login-brand .vb-logo{width:118px}.vb-login-brand .name{font-size:1.15rem}.vb-login-brand .org{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.vb-login *,.vb-login :before,.vb-login :after{transition:none!important;animation:none!important}.vb-login-pets{opacity:1}}