/* FarmEasy registration page — desktop: photo slides + centred form; phone: brand-green card. */
html:has(body.fe-reg-page){overflow-x:clip !important} /* Scape's overflow-x:hidden on html+body breaks position:sticky */
body.fe-reg-page{
	--fe-green:#004225; --fe-lime:#64a70b; --fe-lime-d:#548f07; --fe-ink:#151221; --fe-mut:#5b6660; --fe-line:#d3dad2; --fe-focus:rgba(100,167,11,.2);
	margin:0; padding:0 !important; background:#fff; color:var(--fe-ink);
	overflow-x:clip !important;
	font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; -webkit-font-smoothing:antialiased;
}
.fe-reg,.fe-reg *{box-sizing:border-box}
.fe-reg{display:grid;grid-template-columns:44% minmax(0,1fr);min-height:100vh;min-height:100dvh}
.fe-reg a{text-decoration:none}

/* ---------- Visual column (desktop) ---------- */
.fe-reg__visual{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:var(--fe-green);color:#fff}
.fe-reg__logo{position:absolute;z-index:3;top:36px;left:44px;line-height:0}
.fe-reg__logo img,.fe-reg__mlogo img{height:auto;display:block}
.fe-reg__slides,.fe-reg__slide{position:absolute;inset:0;margin:0}
.fe-reg__slide{opacity:0;transition:opacity .9s ease;display:flex;align-items:flex-end}
.fe-reg__slide.is-active{opacity:1}
.fe-reg__slide picture,.fe-reg__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.fe-reg__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,40,22,.18) 0%,rgba(0,52,29,.3) 45%,rgba(0,52,29,.94) 100%)}
.fe-reg__slide figcaption{position:relative;z-index:2;padding:0 44px 72px;max-width:520px}
.fe-reg__slide-title{margin:0;font-size:clamp(22px,2.1vw,30px);line-height:1.25;font-weight:600;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.fe-reg__slide-text{margin:14px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.86)}
.fe-reg__dots{position:absolute;z-index:3;left:44px;bottom:36px;display:flex;gap:8px}
.fe-reg__dots button{width:22px;height:4px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.4);cursor:pointer;transition:background .2s,width .2s}
.fe-reg__dots button.is-active{background:#fff;width:34px}
.fe-reg__dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ---------- Form column ---------- */
.fe-reg__main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 48px}
.fe-reg__mlogo{display:none}
.fe-reg__card{width:100%;max-width:460px;display:flex;flex-direction:column;gap:20px}
.fe-reg__head h1{margin:0;font-family:inherit;font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--fe-ink)}
.fe-reg__sub{margin:6px 0 0;font-size:14.5px;color:var(--fe-mut)}
.fe-reg__login-inline{display:none;margin:6px 0 0;font-size:14.5px;color:var(--fe-mut)}
.fe-reg__login-inline a,.fe-reg__note a{color:var(--fe-lime-d);font-weight:600}
/* quiet row under the button: login for returning users + captcha attribution */
.fe-reg__meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:-4px;font-size:12.5px;line-height:1.4;color:#7d877f}
.fe-reg__meta p{margin:0;display:flex;align-items:center;gap:5px}
.fe-reg__meta-login a{color:var(--fe-ink);font-weight:500;text-decoration:underline !important;text-decoration-color:#c5ccc6 !important;text-underline-offset:2px}
.fe-reg__meta-login a:hover{text-decoration-color:var(--fe-ink) !important}
/* desktop: login sits quietly in the top-right corner of the form column, outside the centred stack */
@media (min-width:960px){.fe-reg__meta-login{position:absolute;top:28px;right:44px}}
.fe-reg__meta-captcha{align-items:flex-start !important;font-size:11.5px;line-height:1.45}
.fe-reg__meta-captcha a{color:inherit;text-decoration:underline !important;text-decoration-color:#c5ccc6 !important;text-underline-offset:2px}
.fe-reg__meta-captcha a:hover{color:var(--fe-ink)}
.fe-reg__note{margin:0;font-size:12.5px;color:var(--fe-mut)}
.fe-reg__note--mob,.fe-reg__promo{display:none}
.fe-reg__card.is-done .fe-reg__sub,.fe-reg__card.is-done .fe-reg__meta-captcha{display:none}
/* With the result panel on screen the form heading is out of place (desktop; on phone it frames the card and carries the login link) */
@media (min-width:960px){.fe-reg__card.is-done .fe-reg__head{display:none}}

/* ---------- Phone & small tablet: brand-green background, white card ---------- */
@media (max-width:959px){
	body.fe-reg-page{background:var(--fe-green)}
	.fe-reg{display:block;min-height:100vh;min-height:100dvh;background:var(--fe-green) repeating-linear-gradient(112deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px)}
	.fe-reg__visual,.fe-reg__sub{display:none}
	.fe-reg__main{padding:24px 16px 32px;gap:22px;justify-content:flex-start}
	.fe-reg__mlogo{display:block;line-height:0}
	.fe-reg__card{max-width:480px;background:#fff;border-radius:14px;padding:28px 20px 26px;box-shadow:0 24px 60px rgba(0,0,0,.25);gap:22px}
	.fe-reg__head{text-align:center}
	.fe-reg__head h1{font-size:26px}
	.fe-reg__login-inline{display:block}
	.fe-reg__meta{align-items:center;text-align:center;margin-top:0}
	.fe-reg__meta-captcha{justify-content:center}
	.fe-reg__meta-login{display:none !important}
	.fe-reg__promo{display:grid;margin:0;text-align:center;color:#d6eabf;font-size:14px;font-weight:500;max-width:480px}
	.fe-reg__promo span{grid-area:1/1;opacity:0;transition:opacity .6s ease}
	.fe-reg__promo span.is-active{opacity:1}
	.fe-reg__note--mob{display:block;margin-top:-8px;text-align:center;font-size:12.5px;color:rgba(255,255,255,.7)}
	.fe-reg__note--mob a{color:#fff;font-weight:500}
}

/* ---------- Forminator form (material style flattened to labels-above) ----------
   Scoped under #fe-reg: Forminator's per-form CSS uses #forminator-module-ID selectors. */
#fe-reg .fe-reg__form .forminator-ui.forminator-custom-form{margin:0 !important;padding:0 !important;font-family:inherit !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-row{margin-bottom:12px !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-row:last-child{margin-bottom:0 !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-row.forminator-hidden{display:none !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-required{display:none !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-label{position:static !important;transform:none !important;display:block !important;margin:0 0 4px !important;padding:0 !important;font-family:inherit !important;font-size:13px !important;line-height:1.4 !important;font-weight:500 !important;color:var(--fe-ink) !important;pointer-events:auto !important;opacity:1 !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-input{height:42px !important;margin:0 !important;padding:0 12px !important;border:1px solid var(--fe-line) !important;border-radius:8px !important;background:#fff !important;box-shadow:none !important;font-family:inherit !important;font-size:14.5px !important;line-height:1.4 !important;color:var(--fe-ink) !important;transition:border-color .15s,box-shadow .15s}
#fe-reg .fe-reg__form .forminator-ui .forminator-input--wrap{border:0 !important;box-shadow:none !important;background:none !important;padding:0 !important;margin:0 !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-input--wrap::before,#fe-reg .fe-reg__form .forminator-ui .forminator-input--wrap::after{display:none !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-input::placeholder{color:#9aa39c !important;opacity:1 !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-input:focus{border-color:var(--fe-lime) !important;box-shadow:0 0 0 3px var(--fe-focus) !important;outline:0 !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-has_error .forminator-input{border-color:#c2410c !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-error-message{margin-top:6px !important;padding:0 !important;background:none !important;font-size:12.5px !important;color:#c2410c !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-error-message::before{display:none !important}

/* name pair and email+phone pair side by side on desktop (Forminator stacks columns in narrow forms) */
@media (min-width:960px){
	#fe-reg .fe-reg__form .forminator-ui .forminator-row:not([style*="none"]):has(> .forminator-field-name),
	#fe-reg .fe-reg__form .forminator-ui .forminator-row:not([style*="none"]):has(> .forminator-field-email){display:flex !important;flex-wrap:nowrap !important;gap:12px}
	#fe-reg .fe-reg__form .forminator-ui .forminator-row:not([style*="none"]):has(> .forminator-field-name) > .forminator-col,
	#fe-reg .fe-reg__form .forminator-ui .forminator-row:not([style*="none"]):has(> .forminator-field-email) > .forminator-col{flex:1 1 0 !important;max-width:none !important;min-width:0;padding:0 !important;margin:0 !important}
}

/* After success Forminator hides the rows inline (behaviour-hide); keep them hidden whatever the layout rules say. */
#fe-reg .fe-reg__card.is-done .fe-reg__form .forminator-ui .forminator-row,
#fe-reg .fe-reg__card.is-done .fe-reg__form .forminator-ui .forminator-button-submit{display:none !important}

/* consents */
#fe-reg .fe-reg__form .forminator-ui .sutikimas{color:inherit !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-checkbox__wrapper{display:flex !important;align-items:flex-start;gap:10px}
#fe-reg .fe-reg__form .forminator-ui .forminator-checkbox.forminator-consent{position:relative;flex:0 0 18px;width:18px;height:18px;margin:1px 0 0 !important;padding:0 !important;cursor:pointer}
#fe-reg .fe-reg__form .forminator-ui .forminator-checkbox.forminator-consent input{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;opacity:0 !important;visibility:visible !important;cursor:pointer;z-index:1}
#fe-reg .fe-reg__form .forminator-ui .forminator-checkbox.forminator-consent .forminator-checkbox-box{position:absolute !important;inset:0;width:18px !important;height:18px !important;margin:0 !important;border:1.5px solid #aab3ab !important;border-radius:4px !important;background:#fff !important;box-shadow:none !important;transition:background .15s,border-color .15s}
#fe-reg .fe-reg__form .forminator-ui .forminator-checkbox.forminator-consent .forminator-checkbox-box::before{display:none !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-checkbox.forminator-consent input:focus-visible + .forminator-checkbox-box{box-shadow:0 0 0 3px var(--fe-focus) !important;border-color:var(--fe-lime) !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-checkbox.forminator-consent input:checked + .forminator-checkbox-box{border-color:var(--fe-lime) !important;background:var(--fe-lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-has_error .forminator-checkbox-box{border-color:#c2410c !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-field-consent + .forminator-field-consent,
#fe-reg .fe-reg__form .forminator-ui .forminator-row:has(.forminator-field-consent){margin-bottom:10px !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-consent__label,
#fe-reg .fe-reg__form .forminator-ui .forminator-consent__label p{margin:0 !important;font-family:inherit !important;font-size:12.5px !important;line-height:1.45 !important;color:var(--fe-mut) !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-consent__label a{color:var(--fe-ink) !important;font-weight:500 !important;text-decoration:underline !important;text-decoration-color:#aab3ab !important}

/* invisible reCAPTCHA: badge hidden, attribution shown as a line of text below */
#fe-reg .fe-reg__form .forminator-ui .forminator-row:has(.forminator-field-captcha){margin:0 !important;height:0;overflow:hidden;visibility:hidden}

/* submit button + loading state while the account is being created (3–10 s) */
#fe-reg .fe-reg__form .forminator-ui .forminator-button-submit{position:relative;width:100% !important;height:46px !important;margin:6px 0 0 !important;padding:0 20px !important;border:0 !important;border-radius:8px !important;background:var(--fe-lime) !important;color:#fff !important;font-family:inherit !important;font-size:15px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;box-shadow:none !important;cursor:pointer;transition:background .15s}
#fe-reg .fe-reg__form .forminator-ui .forminator-button-submit:hover{background:var(--fe-lime-d) !important;color:#fff !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-button-submit:focus-visible{outline:3px solid var(--fe-focus) !important;outline-offset:2px}
#fe-reg .fe-reg__form .forminator-ui .forminator-button-submit.forminator-button-onload{color:transparent !important;pointer-events:none;background:var(--fe-lime-d) !important}
/* Forminator gives the label transition:all .2s, which made both texts overlap for a moment. */
#fe-reg .fe-reg__form .forminator-ui .forminator-button-submit > *{transition:none !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-button-submit.forminator-button-onload > *{visibility:hidden !important;opacity:0 !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-button-submit > span[aria-hidden]{display:none !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-button-submit.forminator-button-onload::after{content:"Paskyra kuriama…";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:600;padding-left:26px;background:no-repeat calc(50% - 72px) 50%/18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='white' stroke-opacity='.35' stroke-width='3'/%3E%3Cpath d='M21 12a9 9 0 0 0-9-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")}
/* The button already shows progress, so Forminator's "Siunčiama..." box is kept for screen readers only. */
#fe-reg .fe-reg__form .forminator-ui .forminator-response-message.forminator-loading{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;margin:0 !important;padding:0 !important;border:0 !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-response-message.forminator-error.forminator-show{margin:0 0 16px !important;padding:12px 14px !important;border-radius:8px !important;background:#fff4ed !important;box-shadow:none !important;border:1px solid #fed7aa !important}
#fe-reg .fe-reg__form .forminator-ui .forminator-response-message.forminator-error.forminator-show *{color:#9a3412 !important;font-size:13.5px !important}

@media (prefers-reduced-motion:reduce){
	.fe-reg__slide,.fe-reg__promo span,.fe-reg__dots button{transition:none}
}

/* ---------- Placeholder while Forminator initialises ----------
   Forminator prints the form with style="display: none" and shows it once its scripts run
   (≈0.5 s on fast connections, several seconds on slow mobile). Until then the space is
   reserved at the form's real height and a spinner is shown, so nothing jumps. */
.fe-reg__form{position:relative}
.fe-reg__card:not(.is-done) .fe-reg__form:has(form.forminator-custom-form[style*="none"]){min-height:373px}
.fe-reg__card:not(.is-done) .fe-reg__form:has(form.forminator-custom-form[style*="none"])::before{content:"";position:absolute;left:50%;top:calc(50% - 18px);width:28px;height:28px;margin-left:-14px;border:3px solid #e3e8e1;border-top-color:var(--fe-lime);border-radius:50%;animation:fe-reg-spin .8s linear infinite}
.fe-reg__card:not(.is-done) .fe-reg__form:has(form.forminator-custom-form[style*="none"])::after{content:"Forma kraunama…";position:absolute;left:0;right:0;top:calc(50% + 22px);text-align:center;font-size:13px;color:var(--fe-mut)}
.fe-reg__card:has(form.forminator-custom-form[style*="none"]) .fe-reg__meta{visibility:hidden}
#fe-reg .fe-reg__form form.forminator-custom-form{animation:fe-reg-in .35s ease both}
@media (max-width:959px){
	.fe-reg__card:not(.is-done) .fe-reg__form:has(form.forminator-custom-form[style*="none"]){min-height:560px}
}
@keyframes fe-reg-spin{to{transform:rotate(360deg)}}
@keyframes fe-reg-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
	#fe-reg .fe-reg__form form.forminator-custom-form{animation:none}
	.fe-reg__form::before{animation-duration:2s !important}
}