:root{--vc-deep:#0b3425;--vc-green:#134b30;--vc-mid:#1b6949;--vc-mint:#7fd3a1;--vc-ink:#173126;--vc-muted:#738379;--vc-line:#dfe8e2;--vc-white:#ffffff}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.vc-login-page{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--vc-ink);background:#f6f8f5;-webkit-font-smoothing:antialiased}
.vc-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%)}
.vc-showcase{position:relative;overflow:hidden;isolation:isolate;min-height:760px;display:flex;flex-direction:column;padding:34px clamp(28px,4vw,68px) 26px;background:radial-gradient(ellipse at 73% 45%,rgba(46,131,87,.5),transparent 45%),linear-gradient(147deg,#092f22 0%,#12462f 53%,#0b3427 100%);color:#fff}
.vc-showcase::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 100%);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 20%,black 100%);pointer-events:none}
.vc-showcase::after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-240px;top:4%;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.015);z-index:-1;pointer-events:none}
.vc-showcase-noise{position:absolute;width:440px;height:440px;bottom:-340px;left:-150px;background:#299965;filter:blur(100px);opacity:.17;pointer-events:none}
.vc-brand-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px}
.vc-brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;color:#fff!important}
.vc-brand>img{width:46px;height:46px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 9px 22px rgba(0,0,0,.1)}
.vc-brand-text strong{display:block;color:#fff;font-size:19px;letter-spacing:-.6px;font-weight:800;line-height:1.15}
.vc-brand-text small{display:block;margin-top:5px;color:#b0d4bb;font-size:9px;letter-spacing:2.15px;font-weight:750}
.vc-showcase-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(213,255,227,.15);border-radius:100px;background:rgba(255,255,255,.07);color:#cce8d7;font-size:9px;font-weight:800;letter-spacing:1.4px;white-space:nowrap}
.vc-pulse-dot{width:7px;height:7px;display:block;border-radius:50%;background:#8be5a9;box-shadow:0 0 0 4px rgba(139,229,169,.12)}
.vc-showcase-body{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(215px,1fr);align-items:center;gap:6px;min-height:565px}
.vc-showcase-copy{position:relative;z-index:3;align-self:center;padding-bottom:14px;max-width:400px}
.vc-overline{display:flex;gap:11px;align-items:center;color:#b4e3c3;font-size:9px;font-weight:750;letter-spacing:1.65px;margin-bottom:24px;white-space:nowrap}
.vc-overline-rule{height:2px;width:25px;background:#90e2a8;display:inline-block}
.vc-showcase-copy h1{font-size:clamp(33px,3.3vw,58px);line-height:1.17;letter-spacing:-2.4px;margin:0 0 19px;font-weight:800;white-space:nowrap}
.vc-showcase-copy h1 em{font-style:normal;color:#a4edbd}
.vc-showcase-copy>p{color:#cee1d5;line-height:1.9;font-size:13px;max-width:345px;margin:0}
.vc-micro-features{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.vc-micro-features>span{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:650;color:#e2f2e8;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.055);padding:9px 10px;white-space:nowrap}
.vc-checkmark{color:#9af2b1;font-size:12px;font-weight:900}
.vc-showcase-foot{position:relative;display:flex;align-items:center;gap:12px;color:#95c2a5;font-size:9px;letter-spacing:1.7px;font-weight:700;z-index:2}
.vc-foot-line{height:1px;background:#74b48c;width:31px}
/* Illustrated machine, all HTML/CSS: no third-party image dependencies */
.vc-machine-scene{position:relative;min-height:545px;display:flex;align-items:center;justify-content:center;align-self:center;margin:0 -6px 0 0}
.vc-machine-halo{position:absolute;width:360px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(146,255,181,.2),transparent 69%);filter:blur(13px);top:70px;left:50%;transform:translateX(-50%)}
.vc-machine-shadow{position:absolute;bottom:19px;width:245px;height:36px;border-radius:50%;background:rgba(0,0,0,.36);filter:blur(19px)}
.vc-machine{position:relative;width:259px;height:470px;border:7px solid #28714e;border-left-color:#3b966a;border-right-color:#0b2e22;border-bottom-color:#0a2e22;border-radius:20px 19px 14px 14px;background:linear-gradient(110deg,#eaf3ed,#afc8b9 100%);box-shadow:22px 24px 38px rgba(0,0,0,.26),-8px -2px 35px rgba(138,252,182,.10),inset 1px 0 0 #fff;transform:perspective(800px) rotateY(-6deg) rotateZ(1deg);overflow:hidden}
.vc-machine-topline{height:54px;background:#0d3325;color:#f8fcf9;display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px;font-weight:850;letter-spacing:-.6px;position:relative;border-bottom:4px solid #2c7752;text-shadow:0 2px 5px rgba(0,0,0,.2)}
.vc-machine-mark{width:24px;height:24px;overflow:hidden;display:block;margin-right:3px}
.vc-machine-mark img{width:100%;height:100%;object-fit:cover}
.vc-machine-name-light{font-weight:500;color:#a4dfbb}
.vc-machine-top-light{position:absolute;right:16px;width:5px;height:5px;background:#7febae;border-radius:50%;box-shadow:0 0 8px #7febae}
.vc-machine-front{display:flex;gap:9px;margin:12px 12px 0}
.vc-machine-window{flex:1;min-width:0;height:298px;border-radius:10px;background:linear-gradient(112deg,rgba(255,255,255,.13) 0 7%,transparent 8% 47%,rgba(255,255,255,.11) 49%,transparent 58%),#0a1d19;border:5px solid #193d30;box-shadow:inset 0 0 0 2px #446a58,0 2px 3px rgba(0,0,0,.1);overflow:hidden}
.vc-products{display:grid;grid-template-columns:repeat(3,1fr);height:100%;padding:8px 6px 4px;gap:0 5px;grid-template-rows:repeat(3,1fr)}
.vc-product{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:5px;gap:5px;border-bottom:3px solid rgba(210,230,221,.28);background:linear-gradient(0deg,rgba(255,255,255,.06),transparent 29%)}
.vc-product>span{font-size:6px;letter-spacing:.6px;color:#b7d4c5;font-weight:700}
.vc-pack{position:relative;height:58px;width:35px;box-shadow:2px 4px 6px rgba(0,0,0,.18);border-radius:5px 5px 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;line-height:1;transform:perspective(80px) rotateY(-5deg)}
.vc-pack:after{content:"";position:absolute;left:5px;top:8px;bottom:5px;width:3px;background:rgba(255,255,255,.25);border-radius:50%}
.vc-pack b{font-size:8px;letter-spacing:-.15px;font-weight:1000;position:relative;z-index:1}
.vc-pack small{font-size:5px;font-weight:800;letter-spacing:.1px;margin-top:4px;position:relative;z-index:1}
.vc-can-top{height:4px;position:absolute;top:0;left:4px;right:4px;border-radius:5px 5px 0 0;background:rgba(20,45,37,.14)}
.vc-pack-mint{background:linear-gradient(120deg,#d1f9d8,#69d89d);color:#175941}.vc-pack-cream{background:linear-gradient(120deg,#faf3d4,#d9bc8a);color:#684d30}.vc-pack-peach{background:linear-gradient(120deg,#ffba82,#d65b41);color:#682d21}.vc-pack-blue{background:linear-gradient(120deg,#b8eafa,#4c9ed5);color:#16547d}.vc-pack-yellow{background:linear-gradient(120deg,#ffe791,#eeb92f);color:#715112}.vc-pack-rose{background:linear-gradient(120deg,#f6cad1,#cf7991);color:#763449}.vc-pack-lime{background:linear-gradient(120deg,#ddf2a4,#78b868);color:#315c22}.vc-pack-purple{background:linear-gradient(120deg,#d4bee7,#9777bc);color:#492f62}.vc-pack-amber{background:linear-gradient(120deg,#ffd18b,#e79535);color:#633a13}
.vc-machine-controls{width:49px;display:flex;flex-direction:column;gap:10px;padding-top:2px;align-items:center}
.vc-machine-screen{width:46px;height:50px;border:4px solid #294637;border-radius:4px;background:#c5efda;color:#164730;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;box-shadow:inset 0 0 6px rgba(0,0,0,.13)}
.vc-machine-screen span{font-size:6px;font-weight:1000}.vc-machine-screen b{font-size:7px;font-weight:1000}.vc-screen-line{height:2px;width:25px;background:#8fcba3}
.vc-machine-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:43px}.vc-machine-pad span{height:13px;background:#37584a;color:#fff;display:grid;place-items:center;border-radius:3px;font-size:7px;font-weight:800;box-shadow:0 2px 0 #122a20}.vc-machine-card{margin-top:9px;width:40px;height:26px;border-radius:4px;background:linear-gradient(135deg,#e7f1e9,#accabc);border:2px solid #7fa694;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.vc-machine-card span:first-child{width:26px;height:4px;background:#385f4b;border-radius:3px}.vc-machine-card span:last-child{width:14px;height:3px;background:#8dbaa2;border-radius:3px}
.vc-machine-delivery{height:62px;margin:12px 17px 0;background:#1b4a36;border:5px solid #1b3c2e;border-radius:6px;box-shadow:inset 0 6px 10px rgba(0,0,0,.37)}.vc-machine-flap{width:88%;height:36px;margin:4px auto;background:linear-gradient(#395e4b,#1e4333);border-radius:2px 2px 5px 5px;border-bottom:4px solid #456d55;display:flex;align-items:center;justify-content:center}.vc-machine-flap span{height:3px;width:38px;border-radius:3px;background:rgba(230,255,240,.25)}
.vc-machine-bottom{height:16px;background:linear-gradient(90deg,#2b6d4e,#518267 60%,#225139);position:absolute;bottom:0;left:0;right:0}
.vc-machine-floating{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(234,255,242,.23);border-radius:13px;background:rgba(245,255,249,.95);color:#163e2b;box-shadow:0 12px 24px rgba(0,0,0,.13);backdrop-filter:blur(12px);z-index:2}.vc-machine-floating span:last-child{display:flex;flex-direction:column;gap:2px}.vc-machine-floating b{font-size:9px;letter-spacing:.6px}.vc-machine-floating small{font-size:6px;letter-spacing:.5px;color:#668172;font-weight:750}.vc-floating-icon{height:27px;width:27px;display:grid;place-items:center;background:#e5f4e9;color:#1b774b;font-size:16px;border-radius:9px;font-weight:900}.vc-floating-up{right:-7px;top:67px;transform:rotate(6deg)}.vc-floating-down{left:-22px;bottom:71px;transform:rotate(-6deg)}
/* Login panel */
.vc-auth-panel{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:38px clamp(25px,4vw,72px);background:radial-gradient(ellipse at 100% 2%,rgba(27,105,73,.06),transparent 42%),#f7f9f7}
.vc-auth-inner{width:100%;max-width:455px}
.vc-auth-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:26px}
.vc-mobile-brand{display:none}
.vc-lang-switch{display:flex;align-items:center;gap:6px;background:#eef3ef;border:1px solid #e0e9e2;border-radius:100px;padding:5px}.vc-lang-switch button{border:0;background:transparent;color:#64766b;cursor:pointer;font-size:11px;font-weight:800;border-radius:100px;min-width:40px;padding:7px 11px;font-family:inherit}.vc-lang-switch button.is-active{background:#fff;box-shadow:0 2px 7px rgba(11,52,37,.08);color:#125138}.vc-lang-switch button:focus-visible{outline:2px solid #238558;outline-offset:2px}.vc-lang-switch>span{height:14px;width:1px;background:#d9e4dd}
.vc-auth-card{padding:clamp(29px,3vw,43px);background:#fff;border:1px solid #e4ece6;border-radius:25px;box-shadow:0 24px 65px rgba(25,62,42,.07),0 3px 12px rgba(25,62,42,.023)}
.vc-card-mark{height:49px;width:49px;display:grid;place-items:center;border:1px solid #e1ebe4;border-radius:15px;background:#eef5f0;margin-bottom:20px}.vc-card-mark img{width:36px;height:36px;border-radius:10px;object-fit:cover}
.vc-auth-kicker{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#16754c;font-size:10px;letter-spacing:1.4px;font-weight:850}.vc-kicker-dot{width:6px;height:6px;background:#28865b;border-radius:50%}
.vc-auth-card h2{color:#153325;font-size:clamp(29px,2.4vw,37px);line-height:1.2;letter-spacing:-1.3px;font-weight:850;margin:0 0 7px}.vc-title-dot{color:#24a76a}
.vc-auth-subtitle{color:#748579;font-size:12.5px;line-height:1.7;margin:0 0 31px}
.vc-field{margin-bottom:19px}.vc-field>label,.vc-field-title>label{display:block;font-size:11px;color:#324b3a;font-weight:750;margin:0 0 9px}.vc-control{position:relative}.vc-control input{width:100%;height:53px;padding:0 49px 0 46px;border:1px solid #dfe8e1;background:#fbfdfb;border-radius:12px;color:#1f382a;font-family:inherit;font-size:13px;outline:0;box-shadow:0 0 0 rgba(0,0,0,0);transition:border-color .2s,box-shadow .2s,background .2s}.vc-control input::placeholder{color:#9caea2}.vc-control input:focus{border-color:#318f5d;box-shadow:0 0 0 4px rgba(38,144,84,.09);background:#fff}.vc-input-icon{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#8ca497;display:grid;place-items:center;pointer-events:none}.vc-input-icon svg{height:19px;width:19px}.vc-password-toggle{position:absolute;right:11px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#81958a;padding:8px;display:grid;place-items:center;border-radius:8px;cursor:pointer}.vc-password-toggle svg{height:19px;width:19px}.vc-password-toggle:hover{background:#eef4ef;color:#175c3a}.vc-password-toggle:focus-visible{outline:2px solid #2e9660}
.vc-form-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 27px}.vc-remember{display:flex;align-items:center;gap:8px;color:#506759;cursor:pointer;font-size:11px;font-weight:650}.vc-remember input{width:15px;height:15px;margin:0;accent-color:#17643e}.vc-protected{display:flex;align-items:center;gap:5px;color:#88988d;font-size:10px;white-space:nowrap}.vc-protected svg{width:15px;height:15px;color:#30885a}
.vc-submit{width:100%;height:53px;border:0;border-radius:12px;background:linear-gradient(110deg,#134e32,#167a4d);color:#fff;font-family:inherit;font-size:13px;font-weight:780;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 19px;box-shadow:0 13px 27px rgba(16,104,60,.2);transition:transform .17s,box-shadow .17s,filter .17s}.vc-submit:hover{filter:brightness(1.09);transform:translateY(-1px);box-shadow:0 15px 29px rgba(16,104,60,.24)}.vc-submit:focus-visible{outline:3px solid #8fd2a7;outline-offset:3px}.vc-button-arrow{height:27px;width:27px;display:grid;place-items:center;background:rgba(255,255,255,.14);border-radius:8px;font-size:17px;font-weight:500}
.vc-help-line{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:28px;font-size:9.5px;color:#99a99d;white-space:nowrap}.vc-help-divider{height:1px;width:25px;background:#e4ede6}.vc-auth-footer{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:23px;font-size:10px;color:#9aaa9e}
.vc-alert{display:flex;gap:10px;align-items:flex-start;margin:-6px 0 23px;background:#fff4f2;color:#a9362c;border:1px solid #f3d8d2;border-radius:12px;padding:12px;font-size:12px;line-height:1.6}.vc-alert-icon{width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:grid;place-items:center;background:#c03b30;color:#fff;font-weight:800;font-size:11px}
html[dir="rtl"] .vc-showcase-copy h1{letter-spacing:-.3px;white-space:normal;line-height:1.27}
html[dir="rtl"] .vc-overline{letter-spacing:0}
html[dir="rtl"] .vc-brand-text small,html[dir="rtl"] .vc-showcase-chip{letter-spacing:0}
html[dir="rtl"] .vc-control input{padding-right:46px;padding-left:49px;direction:ltr;text-align:right}
html[dir="rtl"] .vc-input-icon{left:auto;right:15px}
html[dir="rtl"] .vc-password-toggle{right:auto;left:11px}
html[dir="rtl"] .vc-auth-card h2{letter-spacing:0}
html[dir="rtl"] .vc-button-arrow{transform:scaleX(-1)}
html[dir="rtl"] .vc-auth-kicker{letter-spacing:0}
html[dir="rtl"] .vc-machine{transform:perspective(800px) rotateY(-6deg) rotateZ(1deg)}
html[dir="rtl"] .vc-machine-scene{direction:ltr}
@media(max-width:1250px){.vc-login-shell{grid-template-columns:minmax(0,54%) minmax(0,46%)}.vc-showcase{padding-right:32px;padding-left:35px}.vc-showcase-body{grid-template-columns:minmax(0,.93fr) minmax(205px,1fr)}.vc-showcase-copy h1{font-size:clamp(32px,3.2vw,43px)}.vc-machine-scene{transform:scale(.92);transform-origin:center}.vc-auth-panel{padding:28px 35px}}
@media(max-width:1050px){.vc-showcase{min-height:720px}.vc-showcase-body{grid-template-columns:1fr;grid-template-rows:auto 300px;gap:0}.vc-showcase-copy{align-self:end;text-align:left;max-width:100%;margin-top:35px;padding-bottom:0}.vc-showcase-copy h1{font-size:37px}.vc-showcase-copy>p{max-width:370px}.vc-showcase-chip{display:none}.vc-machine-scene{height:330px;min-height:330px;transform:scale(.58);transform-origin:center center}.vc-micro-features{margin-top:16px}.vc-auth-panel{padding:25px}.vc-auth-card{padding:28px}.vc-auth-toolbar{margin-bottom:15px}}
@media(max-width:780px){.vc-login-shell{display:block}.vc-showcase{display:none}.vc-auth-panel{min-height:100dvh;padding:24px 18px;background:radial-gradient(ellipse at 1% 0%,rgba(45,128,79,.095),transparent 55%),#f5f8f5}.vc-auth-inner{max-width:440px}.vc-auth-toolbar{justify-content:space-between;margin-bottom:18px}.vc-mobile-brand{display:flex;align-items:center;gap:8px;color:#134b30;font-size:14px;font-weight:850}.vc-mobile-brand img{width:38px;height:38px;border-radius:11px;object-fit:cover}.vc-auth-card{padding:31px 27px}.vc-auth-footer{margin-top:20px}}
@media(max-width:390px){.vc-auth-panel{padding:17px 13px}.vc-auth-card{padding:27px 20px;border-radius:19px}.vc-protected{display:none}.vc-auth-card h2{font-size:27px}.vc-auth-subtitle{font-size:12px}.vc-auth-toolbar{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}