:root{--forest:#0e3426;--pine:#18533a;--leaf:#2f7651;--grain:#d8a54c;--cream:#fffdf7;--ink:#173c2e;--skin:#f2bd8f;--shirt:#b5533c;--denim:#3c5f80}
*{box-sizing:border-box}
html,body{max-width:100%;min-height:100%;overflow-x:hidden}
.auth-page{margin:0;overflow-y:auto;background:var(--forest);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.farm-login{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:max(5.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(246,205,112,.22),transparent 32%),linear-gradient(145deg,#0d3527 0%,#1f6545 55%,#397957 100%);isolation:isolate}
.ambient-glow{position:absolute;inset:-20%;z-index:-4;background:radial-gradient(circle at 50% 43%,rgba(255,234,179,.17),transparent 30%);animation:glow-breathe 8s ease-in-out infinite alternate}
.farm-horizon{position:absolute;inset:auto 0 0;height:18%;z-index:-3;background:linear-gradient(transparent,rgba(5,33,23,.58))}
.farm-horizon:after{content:"";position:absolute;inset:42% -10% -45%;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 35px,rgba(198,225,185,.06) 37px 39px);transform:perspective(220px) rotateX(48deg)}
.farm-horizon .barn{position:absolute;left:8%;bottom:14%;width:100px;height:38px;background:rgba(7,38,27,.58)}
.farm-horizon .barn:before{content:"";position:absolute;left:-8px;top:-25px;border-left:58px solid transparent;border-right:58px solid transparent;border-bottom:27px solid rgba(7,38,27,.58)}
.farm-horizon .silo{position:absolute;right:9%;bottom:12%;width:29px;height:72px;border-radius:16px 16px 2px 2px;background:rgba(7,38,27,.5)}
.leaves i{position:absolute;top:-8%;z-index:-1;width:10px;height:22px;border-radius:90% 10% 80% 20%;background:rgba(210,232,190,.38);animation:leaf-fall 12s linear infinite;will-change:transform,opacity}
.leaves i:nth-child(1){left:7%;animation-delay:-2s}.leaves i:nth-child(2){left:23%;animation-delay:-9s}.leaves i:nth-child(3){left:42%;animation-delay:-5s}.leaves i:nth-child(4){left:61%;animation-delay:-11s}.leaves i:nth-child(5){left:79%;animation-delay:-6s}.leaves i:nth-child(6){left:94%;animation-delay:-1s}
.clouds{position:absolute;inset:0;z-index:-2;pointer-events:none}
.clouds i{position:absolute;left:-240px;width:150px;height:26px;border-radius:40px;background:rgba(240,250,240,.12);box-shadow:36px -14px 0 6px rgba(240,250,240,.1),-30px -8px 0 2px rgba(240,250,240,.09);animation:cloud-drift linear infinite;will-change:translate}
.clouds i:nth-child(1){top:9%;animation-duration:95s;animation-delay:-24s}
.clouds i:nth-child(2){top:17%;transform:scale(.68);animation-duration:130s;animation-delay:-78s}
.clouds i:nth-child(3){top:4%;transform:scale(1.14);animation-duration:160s;animation-delay:-120s}
.butterfly{position:absolute;left:10%;top:32%;z-index:-1;width:17px;height:12px;animation:butterfly-path 26s ease-in-out infinite;will-change:transform}
.butterfly:before,.butterfly:after{content:"";position:absolute;top:0;width:8px;height:11px;border-radius:60% 60% 42% 42%;background:rgba(255,214,140,.68)}
.butterfly:before{left:0;transform-origin:right center;animation:wing-flap .34s ease-in-out infinite alternate}
.butterfly:after{right:0;transform-origin:left center;animation:wing-flap .34s ease-in-out infinite alternate-reverse}
.stage-wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
.login-stage{position:relative;width:min(100%,500px);z-index:2;flex:0 0 auto}
.login-panel{position:relative;z-index:3;width:100%;padding:2.35rem;border:1px solid rgba(255,255,255,.48);border-radius:28px;background:rgba(255,253,247,.92);box-shadow:0 30px 80px rgba(2,28,18,.32),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.login-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem}
.brand-mark{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#e5f3e8,#fff);color:var(--pine);box-shadow:0 8px 22px rgba(23,74,54,.13)}
.brand-mark svg{width:37px;height:37px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:1.08rem;color:var(--ink)}.login-brand small{margin-top:.1rem;font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;color:#71837a}
.login-kicker{display:block;margin-bottom:.5rem;color:#367354;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.login-heading h1{margin:0 0 .45rem;color:var(--ink);font-size:clamp(1.75rem,5vw,2.15rem);font-weight:760;letter-spacing:-.035em}
.login-heading p{margin:0 0 1.65rem;color:#6c7e75;line-height:1.5}
.login-alert{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1rem;border-radius:13px;font-size:.9rem}
.login-form{display:grid;gap:1rem}.login-form .form-floating{min-width:0}.login-form .form-control{height:60px;min-width:0;border:1px solid #d9e4de;border-radius:14px;background:rgba(255,255,255,.86);padding-right:3.5rem;font-size:16px;color:#193c2f;transition:border-color .2s,box-shadow .2s,transform .2s}.login-form .form-control:focus{border-color:#3b8a65;box-shadow:0 0 0 4px rgba(37,115,80,.11);transform:translateY(-1px)}.login-form label{display:flex;align-items:center;gap:.55rem;color:#708078}.password-field{position:relative}.password-toggle{position:absolute;right:.65rem;top:50%;z-index:5;display:grid;place-items:center;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#537363}.password-toggle:hover,.password-toggle:focus-visible{background:#eaf3ee;outline:2px solid transparent}.login-submit{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;margin-top:.25rem;border:0;border-radius:14px;background:linear-gradient(110deg,#164c37,#2b815b,#164c37);background-size:220% 100%;color:#fff;font-weight:750;box-shadow:0 14px 28px rgba(21,79,55,.24);transition:transform .2s,box-shadow .2s,background-position .45s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(21,79,55,.3);background-position:100% 0}.login-submit:focus-visible{outline:3px solid rgba(43,129,91,.3);outline-offset:3px}.secure-note{text-align:center;margin:1.3rem 0 0;color:#829188;font-size:.78rem}

/* --- ozellik vitrini: pixel-dissolve gecisli donen metrik kartlari --- */
.feature-dock{position:relative;z-index:2;width:min(100%,500px);flex:0 0 auto}
.fx-viewport{position:relative;padding:1.1rem 1.2rem 1.15rem;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(165deg,rgba(19,58,41,.62),rgba(10,36,25,.66));box-shadow:0 24px 60px rgba(2,20,13,.34),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.fx-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;color:#a9dcbe;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.fx-head i{font-size:.92rem;color:#7fe0ac}
.fx-body{position:relative;min-height:128px;border-radius:12px;overflow:hidden}
.fx-slide{position:absolute;inset:0;display:flex;flex-direction:column;gap:.1rem;padding:.1rem .1rem 0;opacity:0;transform:translateX(16px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.fx-slide.fx-active{opacity:1;transform:translateX(0);pointer-events:auto}
.fx-slide h3{margin:.45rem 0 .15rem;color:#f4faf6;font-size:.94rem;font-weight:750}
.fx-slide p{margin:0;color:rgba(223,238,228,.72);font-size:.78rem;line-height:1.4}
.fx-chart{display:block;width:100%;height:auto;max-height:54px;overflow:visible}
.fx-chart .fx-threshold{stroke:rgba(255,255,255,.24);stroke-width:1;stroke-dasharray:3 4}
.fx-chart .fx-bar{transform-box:fill-box;transform-origin:bottom;animation:fx-bar-pulse 2.6s ease-in-out infinite}
.fx-chart .fx-bar:nth-child(2){animation-delay:.15s}.fx-chart .fx-bar:nth-child(3){animation-delay:.3s}.fx-chart .fx-bar:nth-child(4){animation-delay:.45s}.fx-chart .fx-bar:nth-child(5){animation-delay:.6s}
.fx-amber .fx-bar{fill:#f3c05a}
.fx-teal .fx-bar{fill:#3fcb9c}
.fx-orange .fx-bar{fill:#f0904f}
.fx-orange .fx-bar-2{fill:#59b6ec;animation-delay:.4s}
.fx-rose .fx-area{fill:rgba(242,104,122,.24)}
.fx-rose .fx-line{fill:none;stroke:#f2687a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:150;stroke-dashoffset:150;animation:fx-line-draw 2.8s ease-in-out infinite}
.fx-blue .fx-tank{fill:none;stroke:rgba(255,255,255,.3);stroke-width:2}
.fx-blue .fx-tank-fill{fill:#59b6ec;transform-box:fill-box;transform-origin:bottom;animation:fx-tank-wave 3s ease-in-out infinite}
.fx-dots{display:flex;gap:.4rem;justify-content:center;margin-top:.7rem}
.fx-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22);transition:width .3s ease,border-radius .3s ease,background .3s ease}
.fx-dot-active{width:18px;border-radius:4px;background:#7fe0ac}
.fx-more{margin:.5rem 0 0;text-align:center;color:rgba(223,238,228,.55);font-size:.72rem;font-style:italic}
@media(min-width:992px){.stage-wrap{flex-direction:row;align-items:flex-start;justify-content:center;gap:28px}.feature-dock{width:280px;order:1;margin-top:2px}.login-stage{flex:0 0 500px}.fx-viewport{min-height:100%;padding:1.2rem 1.3rem 1.3rem;border-radius:24px}.fx-body{min-height:198px}.fx-chart{max-height:66px}.fx-slide h3{font-size:.98rem}.fx-slide p{font-size:.8rem}}

/* --- avlu sahnesi: ciftci yem savurur, tavuklar ziplar (ortak 4s dongu) --- */
.yard-scene{position:relative;z-index:4;height:150px;margin-top:4px;pointer-events:none}
.yard-scene:before{content:"";position:absolute;left:-4%;right:-4%;bottom:-2px;height:20px;border-radius:12px;background:linear-gradient(transparent,rgba(8,42,28,.55))}
.grass i{position:absolute;bottom:2px;width:10px;height:16px;clip-path:polygon(50% 0,74% 100%,26% 100%);background:rgba(60,130,90,.85)}
.grass i:nth-child(1){left:3%;transform:rotate(-8deg)}.grass i:nth-child(2){left:15%;height:13px;background:rgba(46,110,74,.85);transform:rotate(6deg)}.grass i:nth-child(3){left:29%;transform:rotate(-4deg)}.grass i:nth-child(4){left:52%;height:12px;background:rgba(46,110,74,.85);transform:rotate(7deg)}.grass i:nth-child(5){left:74%;transform:rotate(-6deg)}.grass i:nth-child(6){left:93%;height:13px;transform:rotate(5deg)}
.thrower{position:absolute;left:6px;bottom:8px;z-index:2;width:92px;height:132px}
.thrower:after{content:"";position:absolute;left:8px;bottom:-5px;width:80px;height:10px;border-radius:50%;background:rgba(4,30,20,.28)}
.farmer{position:absolute;inset:0;animation:farmer-bob 4s ease-in-out infinite;transform-origin:50% 100%}
.f-hat{position:absolute;left:11px;top:13px;z-index:3;width:58px;height:11px;border-radius:50%;background:linear-gradient(#eec06a,#d9a94e);box-shadow:0 2px 4px rgba(20,40,20,.22)}
.f-hat:before{content:"";position:absolute;left:14px;bottom:4px;width:30px;height:18px;border-radius:12px 12px 3px 3px;background:#e6bb60;box-shadow:inset 0 -5px 0 rgba(176,79,56,.85)}
.f-head{position:absolute;left:25px;top:17px;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--skin)}
.f-head:before{content:"";position:absolute;right:6px;top:12px;width:4px;height:4px;border-radius:50%;background:#2c3a30}
.f-head:after{content:"";position:absolute;right:3px;top:18px;width:9px;height:5px;border-bottom:2px solid rgba(120,64,36,.6);border-radius:50%}
.f-torso{position:absolute;left:19px;top:44px;width:44px;height:46px;border-radius:12px 12px 8px 8px;background:var(--shirt);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 2px,transparent 2px 10px),repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 2px,transparent 2px 10px)}
.f-torso:after{content:"";position:absolute;left:9px;top:15px;width:26px;height:31px;border-radius:5px 5px 0 0;background:var(--denim)}
.f-torso:before{content:"";position:absolute;left:12px;top:3px;z-index:1;width:5px;height:14px;background:var(--denim);transform:rotate(12deg);box-shadow:15px -2px 0 var(--denim)}
.f-leg{position:absolute;top:88px;width:13px;height:36px;background:var(--denim)}
.f-leg-l{left:26px}.f-leg-r{left:43px}
.f-leg:after{content:"";position:absolute;left:-2px;bottom:-7px;width:19px;height:9px;border-radius:4px 7px 7px 3px;background:#5f3c1f}
.f-arm-b{position:absolute;left:13px;top:50px;width:11px;height:32px;border-radius:6px;background:#9d4732;transform:rotate(12deg)}
.f-bucket{position:absolute;left:2px;top:80px;width:27px;height:23px;background:linear-gradient(#9c6a34,#7c5023);clip-path:polygon(4% 0,96% 0,84% 100%,16% 100%)}
.f-bucket:before{content:"";position:absolute;left:4px;right:4px;top:2px;height:5px;border-radius:50%;background:#e0b662}
.f-arm-t{position:absolute;left:52px;top:47px;z-index:4;width:12px;height:36px;border-radius:7px;background:#c05a41;transform-origin:6px 7px;transform:rotate(40deg);animation:farmer-throw 4s ease-in-out infinite;will-change:transform}
.f-hand{position:absolute;left:1px;bottom:-3px;width:11px;height:11px;border-radius:50%;background:var(--skin)}
.fling{position:absolute;left:72px;top:20px;width:10px;height:10px}
.fling i{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:#e8b957;opacity:0;box-shadow:0 1px 1px rgba(71,47,15,.3);animation:grain-fling 4s linear infinite;will-change:transform,opacity}
.fling i:nth-child(1){--tx:96px}.fling i:nth-child(2){--tx:140px;animation-delay:.05s;background:var(--grain)}.fling i:nth-child(3){--tx:184px;animation-delay:-.04s;top:4px}.fling i:nth-child(4){--tx:224px;animation-delay:.08s;background:var(--grain)}.fling i:nth-child(5){--tx:264px;animation-delay:.02s;top:3px}.fling i:nth-child(6){--tx:304px;animation-delay:-.06s;background:var(--grain)}.fling i:nth-child(7){--tx:340px;animation-delay:.06s;top:5px}
.ground-feed{position:absolute;left:32%;right:8%;bottom:6px;height:15px}
.ground-feed i{position:absolute;width:5px;height:3px;border-radius:50%;background:#d6a34a}
.ground-feed i:nth-child(1){left:4%;top:5px}.ground-feed i:nth-child(2){left:22%;top:10px}.ground-feed i:nth-child(3){left:45%;top:3px}.ground-feed i:nth-child(4){left:68%;top:9px}.ground-feed i:nth-child(5){left:88%;top:4px}
.chick{position:absolute;bottom:6px;z-index:3;width:66px;height:61px;transform-origin:50% 100%}
.chick-one{left:31%}
.chick-two{left:55%}
.chick-three{left:79%;transform:scale(.92)}
.walk{position:absolute;inset:0;animation:chick-wander var(--wander-dur,14s) ease-in-out infinite;will-change:transform}
.walk:before{content:"";position:absolute;left:8px;bottom:-3px;width:52px;height:8px;border-radius:50%;background:rgba(4,30,20,.22)}
.chick-one .walk{--wander:32px;--wander-dur:12s}
.chick-two .walk{--wander:44px;--wander-dur:15.5s;animation-direction:reverse}
.chick-three .walk{--wander:26px;--wander-dur:18s}
.hop{position:absolute;inset:0;animation:chick-hop 4s ease-in-out infinite;will-change:transform}
.chick-two .hop{animation-delay:.14s}.chick-three .hop{animation-delay:.28s}
.chick-body{position:absolute;left:7px;bottom:8px;width:50px;height:37px;border:2px solid #a46f21;border-radius:52% 52% 46% 45%;background:linear-gradient(145deg,#f7cf68,#e7a83b)}
.wing{position:absolute;left:8px;top:9px;width:25px;height:18px;border:1.5px solid rgba(145,91,22,.65);border-radius:60% 40% 55% 45%;background:#eab34a;transform-origin:75% 20%;animation:chick-flap 4s ease-in-out infinite}
.chick-two .wing{animation-delay:.14s}.chick-three .wing{animation-delay:.28s}
.chick-head{position:absolute;right:1px;top:0;width:31px;height:31px;border:2px solid #a46f21;border-radius:50%;background:#f6c75d;transform-origin:35% 85%;animation:chick-peck 4s ease-in-out infinite}
.chick-two .chick-head{animation-delay:.14s}.chick-three .chick-head{animation-delay:.28s}
.eye{position:absolute;right:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#263a2e}
.beak{position:absolute;right:-10px;top:14px;width:12px;height:8px;background:#d9772c;clip-path:polygon(0 0,100% 50%,0 100%)}
.feet:before,.feet:after{content:"";position:absolute;bottom:2px;width:18px;height:2px;border-radius:2px;background:#b66c25}.feet:before{left:11px}.feet:after{right:8px}
@keyframes glow-breathe{to{opacity:.7;transform:scale(1.05)}}
@keyframes leaf-fall{0%{transform:translate3d(0,-8vh,0) rotate(0);opacity:0}12%{opacity:.55}100%{transform:translate3d(45px,116vh,0) rotate(260deg);opacity:0}}
@keyframes cloud-drift{to{translate:calc(100vw + 500px) 0}}
@keyframes wing-flap{to{transform:scaleX(.3)}}
@keyframes butterfly-path{0%,100%{transform:translate(0,0)}22%{transform:translate(26vw,-9vh)}45%{transform:translate(52vw,3vh)}68%{transform:translate(70vw,-7vh)}85%{transform:translate(34vw,-12vh)}}
@keyframes farmer-bob{0%,30%,70%,100%{transform:translateY(0) rotate(0)}38%{transform:translateY(-3px) rotate(-3deg)}46%{transform:translateY(-1px) rotate(-1deg)}}
@keyframes farmer-throw{0%,14%{transform:rotate(40deg)}24%{transform:rotate(54deg)}32%{transform:rotate(46deg)}40%{transform:rotate(-118deg)}52%{transform:rotate(-104deg)}68%,100%{transform:rotate(40deg)}}
@keyframes grain-fling{0%,38%{transform:translate(0,0);opacity:0}41%{transform:translate(calc(var(--tx)*var(--reach,1)*.18),-24px);opacity:1}49%{transform:translate(calc(var(--tx)*var(--reach,1)*.58),-30px)}53%{transform:translate(calc(var(--tx)*var(--reach,1)*.85),22px)}58%{transform:translate(calc(var(--tx)*var(--reach,1)),102px);opacity:1}61%,100%{transform:translate(calc(var(--tx)*var(--reach,1)),106px);opacity:0}}
@keyframes chick-hop{0%,58%,70%,80%,100%{transform:translateY(0)}64%{transform:translateY(-16px)}75%{transform:translateY(-8px)}}
@keyframes chick-flap{0%,58%,80%,100%{transform:rotate(0)}62%{transform:rotate(-38deg)}66%{transform:rotate(14deg)}70%{transform:rotate(-30deg)}76%{transform:rotate(0)}}
@keyframes chick-peck{0%,8%,32%,84%,100%{transform:rotate(0) translate(0)}14%,20%{transform:translate(3px,8px) rotate(35deg)}26%{transform:translate(1px,3px) rotate(12deg)}90%,95%{transform:translate(3px,8px) rotate(35deg)}}
@keyframes chick-wander{0%,6%{transform:translateX(calc(var(--wander) * -1)) scaleX(1)}44%{transform:translateX(var(--wander)) scaleX(1)}50%,56%{transform:translateX(var(--wander)) scaleX(-1)}94%{transform:translateX(calc(var(--wander) * -1)) scaleX(-1)}100%{transform:translateX(calc(var(--wander) * -1)) scaleX(1)}}
@keyframes fx-bar-pulse{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.72)}}
@keyframes fx-line-draw{0%{stroke-dashoffset:150}50%,100%{stroke-dashoffset:0}}
@keyframes fx-tank-wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.85)}}
@media(max-width:600px){.farm-login{align-items:center;padding-top:max(4.4rem,env(safe-area-inset-top));padding-bottom:max(3.5rem,env(safe-area-inset-bottom))}.login-stage{width:min(100%,430px)}.feature-dock{width:min(100%,430px)}.fx-viewport{padding:.8rem .9rem .9rem;border-radius:18px}.fx-head{font-size:.62rem;margin-bottom:.4rem}.fx-body{min-height:92px}.fx-slide h3{margin:.3rem 0 .1rem;font-size:.84rem}.fx-slide p{font-size:.72rem}.fx-chart{max-height:36px}.fx-dots{margin-top:.5rem}.fx-more{font-size:.66rem;margin-top:.35rem}.login-panel{padding:1.55rem;border-radius:22px}.login-brand{margin-bottom:1.25rem}.brand-mark{flex-basis:46px;width:46px;height:46px}.brand-mark svg{width:34px}.login-heading p{margin-bottom:1.25rem;font-size:.92rem}.login-form{gap:.85rem}.login-form .form-control{height:57px}.yard-scene{height:124px}.thrower{transform:scale(.76);transform-origin:bottom left}.farm-horizon .barn,.farm-horizon .silo{display:none}.fling{--reach:.72}.chick{transform:scale(.85)}.chick .walk{--wander:14px}.chick-one{left:38%}.chick-two{left:auto;right:6%}.chick-three{display:none}.ground-feed{left:44%;right:6%}.grass i:nth-child(n+5){display:none}.leaves i:nth-child(n+4){display:none}.clouds i:nth-child(3){display:none}}
@media(max-width:360px){.farm-login{padding-right:max(.75rem,env(safe-area-inset-right));padding-left:max(.75rem,env(safe-area-inset-left))}.login-panel{padding:1.25rem}.login-brand{margin-bottom:1rem}.login-brand small{font-size:.61rem}.login-heading h1{font-size:1.62rem}.login-heading p{font-size:.86rem}.secure-note{margin-top:1rem}.chick-one{left:32%}.chick .walk{--wander:9px}.fling{--reach:.6}}
@media(max-height:690px){.farm-login{place-items:start center;padding-top:max(4rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));overflow-y:auto}.login-panel{padding-top:1.25rem;padding-bottom:1.2rem}.login-brand{margin-bottom:.9rem}.login-heading p{margin-bottom:1rem}.secure-note{margin-top:.8rem}.yard-scene{height:104px}.thrower{transform:scale(.64);transform-origin:bottom left}.fling{--reach:.8}.chick{transform:scale(.78)}}
@media(prefers-reduced-motion:reduce){.ambient-glow,.leaves i,.clouds i,.butterfly,.butterfly:before,.butterfly:after,.farmer,.f-arm-t,.fling i,.hop,.wing,.chick,.chick-head,.walk,.fx-bar,.fx-rose .fx-line,.fx-blue .fx-tank-fill{animation:none!important}.fling{display:none}.butterfly{display:none}.leaves i:nth-child(n+3){display:none}.f-arm-t{transform:rotate(40deg)}.fx-slide{transition:none}.fx-rose .fx-line{stroke-dashoffset:0}.login-submit,.login-form .form-control{transition:none}}