*,:before,:after{box-sizing:border-box}:root{--f2h-green:#2e7d32;--f2h-green-dark:#1b5e20;--f2h-green-mid:#388e3c;--f2h-green-light:#e8f5e9;--f2h-green-pale:#f1faf2;--f2h-green-border:#a5d6a7;--f2h-red:#ef4444;--f2h-text:#1a2e1b;--f2h-body:#3d5140;--f2h-muted:#6b8f6e;--f2h-border:#d4e8d5;--f2h-surface:#fff;--f2h-bg:#f4faf5;--f2h-shadow:0 4px 24px #2e7d321c;--f2h-font:"Plus Jakarta Sans", sans-serif;--f2h-heading:"Poppins", serif}body{background:var(--f2h-bg);font-family:var(--f2h-font);color:var(--f2h-text);margin:0}.f2h-shell{background:var(--f2h-bg);min-height:100dvh;display:flex}.f2h-hero{cursor:default;min-height:100dvh;transform-style:preserve-3d;background:linear-gradient(160deg,#0a3d0a 0%,#1b5e20 35%,#2e7d32 65%,#388e3c 100%);border-radius:0 32px 32px 0;flex-direction:column;flex:0 0 45%;justify-content:space-between;padding:44px 40px 36px;display:none;position:relative;overflow:hidden;box-shadow:6px 0 40px #0000002e,inset -2px 0 #ffffff0a}@media (min-width:900px){.f2h-hero{display:flex}}.f2h-hero:before{content:"";pointer-events:none;z-index:0;opacity:.22;mix-blend-mode:luminosity;filter:saturate(.4)brightness(1.2);background-image:url(https://images.unsplash.com/photo-1500595046743-cd271d694d30?w=900&q=80&auto=format&fit=crop);background-position:50% 60%;background-size:cover;transition:opacity .8s;position:absolute;inset:0}.f2h-hero:hover:before{opacity:.15}.f2h-hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#388e3c00 0%,#2e7d3226 40%,#1b5e2040 100%);border-radius:0 40px 40px 0;width:48px;height:100%;position:absolute;top:0;right:-1px}.f2h-hero-bottom-fade{pointer-events:none;z-index:4;background:linear-gradient(#0000,#0a3d0a99);height:120px;position:absolute;bottom:0;left:0;right:0}.f2h-hero-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.f2h-shimmer{pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 35%,#ffffff09 48%,#ffffff0e 50%,#ffffff09 52%,#0000 65%) 0 0/300% 100%;animation:6s ease-in-out infinite sweep-light;position:absolute;inset:0}.f2h-hero-glow{pointer-events:none;z-index:3;opacity:0;border-radius:inherit;transition:opacity .25s;position:absolute;inset:0}.f2h-radar{z-index:3;pointer-events:none;width:40px;height:40px;position:absolute;bottom:110px;right:30px}.f2h-radar-core{background:#a5d6a7e6;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #a5d6a7cc}.f2h-radar-ring{border:1.5px solid #a5d6a799;border-radius:50%;animation:2.4s ease-out infinite radar-ping;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.f2h-radar-ring:nth-child(2){animation-delay:.8s}.f2h-radar-ring:nth-child(3){animation-delay:1.6s}.f2h-route-svg{pointer-events:none;z-index:3;opacity:.22;position:absolute;bottom:95px;left:0;right:0}.f2h-route-path{stroke-dasharray:600;stroke-dashoffset:600px;animation:4s cubic-bezier(.4,0,.2,1) 1s forwards route-draw}.f2h-truck{z-index:4;pointer-events:none;filter:drop-shadow(0 2px 8px #0006);width:60px;height:auto;animation:7s linear 1.8s infinite delivery-truck;position:absolute;bottom:85px;left:-60px}.f2h-dew{pointer-events:none;z-index:4;background:radial-gradient(circle at 35% 35%,#ffffffb3,#ffffff1a);border-radius:50%;position:absolute}.f2h-dew-1{width:7px;height:9px;animation:5s ease-in-out infinite dew-appear;top:22%;left:18%}.f2h-dew-2{width:5px;height:6px;animation:5s ease-in-out 1.2s infinite dew-appear;top:38%;left:8%}.f2h-dew-3{width:8px;height:10px;animation:5s ease-in-out 2.4s infinite dew-appear;top:55%;right:12%}.f2h-dew-4{width:4px;height:5px;animation:5s ease-in-out .6s infinite dew-appear;top:18%;right:20%}.f2h-tilt-wrap{z-index:5;transform-style:preserve-3d;flex-direction:column;flex:1;justify-content:space-between;transition:transform .12s ease-out;display:flex;position:relative}.f2h-hero-logo-row{align-items:center;gap:12px;display:flex}.f2h-logo-tagline{letter-spacing:.18em;text-transform:uppercase;color:#a5d6a7cc;font-size:10px;font-weight:700}.f2h-time-badge{color:#ffecb3;letter-spacing:.04em;background:#ffc1071a;border:1px solid #ffc10747;border-radius:22px;align-items:center;gap:8px;margin-top:4px;padding:5px 14px;font-size:11px;font-weight:800;display:flex}.f2h-time-dot{background:#ffd54f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #ffd54f}.f2h-hero-center{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:12px 0;display:flex}.f2h-glass-orb{justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.f2h-orb-svg{width:100%;height:100%;position:absolute;inset:0}.f2h-milk-emoji{z-index:3;filter:drop-shadow(0 4px 14px #0000004d);font-size:58px;transition:filter .4s;position:relative}.f2h-hero:hover .f2h-milk-emoji{filter:drop-shadow(0 0 24px #a5d6a7b3)drop-shadow(0 6px 18px #0000004d)}.f2h-orbit{pointer-events:none;border:1px solid #a5d6a738;border-radius:50%;position:absolute}.f2h-orbit-1{border-style:dashed;border-color:#ffffff1f;width:130px;height:130px;animation:20s linear infinite spin-slow}.f2h-orbit-2{border-color:#a5d6a726;width:168px;height:168px;animation:30s linear infinite spin-rev}.f2h-orbit-dot{background:#a5d6a7e6;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-3px;left:50%;box-shadow:0 0 8px #a5d6a7b3}.f2h-halo{pointer-events:none;background:radial-gradient(circle,#81c78429,#0000 70%);border:none;border-radius:50%;position:absolute}.f2h-badge{color:#fff;white-space:nowrap;pointer-events:all;cursor:default;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:22px;align-items:center;gap:5px;padding:5px 11px;font-size:10px;font-weight:800;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,box-shadow .3s;display:flex;position:absolute}.f2h-badge:hover{background:#ffffff38;border-color:#a5d6a7b3;box-shadow:0 2px 8px #00000026;transform:scale(1.12)translateY(-3px)!important}.f2h-badge-dot{background:#69f0ae;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 6px #69f0ae}.f2h-b1{top:-10px;left:-30px}.f2h-b2{top:16px;right:-42px}.f2h-b3{bottom:0;left:-34px}.f2h-stars{align-items:center;gap:2px;display:flex}.f2h-star{opacity:1;font-size:12px}.f2h-hero-title{font-family:var(--f2h-heading);color:#fff;text-shadow:0 2px 20px #00000047;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.18;transition:text-shadow .5s}.f2h-hero:hover .f2h-hero-title{text-shadow:0 2px 28px #00000059,0 0 50px #a5d6a724}.f2h-accent{color:#a5d6a7}.f2h-hero-sub{color:#ffffff94;max-width:270px;font-size:.82rem;line-height:1.7}.f2h-hero-stats{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:18px;display:grid}.f2h-stat{text-align:center;cursor:default;background:#fff0;border:1px solid #0000;border-radius:12px;padding:8px 4px;transition:background .3s,border-color .3s,transform .3s}.f2h-stat:hover{background:#ffffff14;border-color:#a5d6a733;transform:translateY(-3px)scale(1.04)}.f2h-stat-icon{margin-bottom:2px;font-size:14px}.f2h-stat-val{color:#a5d6a7;font-size:1.05rem;font-weight:800;transition:color .3s,text-shadow .3s;animation:1.5s ease-out forwards count-up-flash}.f2h-stat:first-child .f2h-stat-val{animation-delay:.5s}.f2h-stat:nth-child(2) .f2h-stat-val{animation-delay:.8s}.f2h-stat:nth-child(3) .f2h-stat-val{animation-delay:1.1s}.f2h-stat:hover .f2h-stat-val{color:#c8e6c9;text-shadow:0 0 18px #a5d6a7b3}.f2h-stat-lbl{color:#ffffff5c;letter-spacing:.03em;margin-top:2px;font-size:9.5px}.f2h-right{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100dvh;padding:16px 20px;display:flex;overflow:hidden}.f2h-right-inner{width:100%;max-width:420px;margin-top:-6px;padding:0}.f2h-card-stack{position:relative}.f2h-card-slot{transition:opacity .22s,transform .22s}.f2h-card-slot.inactive{visibility:hidden;pointer-events:none;opacity:0;position:absolute;top:0;left:0;right:0}.f2h-card-slot.active{opacity:1;transform:translateY(0)}.f2h-card-slot.exiting{opacity:0;transform:translateY(-8px)}.f2h-tabs{background:var(--f2h-green-light);border:1.5px solid var(--f2h-green-border);border-radius:12px;gap:4px;margin-bottom:15px;padding:3px;display:flex}.f2h-tab{font-family:var(--f2h-font);cursor:pointer;color:var(--f2h-muted);background:0 0;border:none;border-radius:9px;flex:1;padding:8px 0;font-size:13px;font-weight:700;transition:all .2s}.f2h-tab-active{background:var(--f2h-green);color:#fff;box-shadow:0 3px 12px #2e7d3259}.f2h-logo-img{filter:drop-shadow(0 2px 12px #00000059);height:46px;animation:4s ease-in-out infinite orb-breathe}.f2h-card{background:var(--f2h-surface);border:1.5px solid var(--f2h-border);box-shadow:var(--f2h-shadow);border-radius:18px;padding:20px 24px 18px}@media (max-width:480px){.f2h-card{padding:16px 16px 14px}}@media (min-width:900px){.f2h-shell{height:100dvh;overflow:hidden}.f2h-hero{flex:0 0 46%;padding:34px 32px 28px}.f2h-right{padding:12px 18px}.f2h-right-inner{max-width:408px;margin-top:-10px;padding:0}.f2h-card{padding:18px 22px 14px}.f2h-mobile-header{margin-bottom:8px}}@media (min-width:900px) and (max-height:820px){.f2h-hero{padding:28px 28px 22px}.f2h-glass-orb{width:152px;height:152px}.f2h-milk-emoji{font-size:50px}.f2h-hero-center{gap:12px;padding:6px 0}.f2h-hero-title{font-size:clamp(1.55rem,2.5vw,2.2rem)}.f2h-hero-sub{max-width:250px;font-size:.78rem;line-height:1.55}.f2h-hero-stats{padding-top:12px}.f2h-stat{padding:4px 2px}.f2h-right{padding:8px 16px}.f2h-right-inner{max-width:392px;margin-top:-14px}.f2h-card{padding:16px 20px 12px}}.f2h-label{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.f2h-label-text{color:var(--f2h-body);letter-spacing:.02em;font-size:12px;font-weight:700}.f2h-label-opt{color:var(--f2h-muted);font-size:10px;font-weight:500}.f2h-field-wrap{position:relative}.f2h-field-icon{color:var(--f2h-muted);pointer-events:none;align-items:center;font-size:13px;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.f2h-input{background:var(--f2h-green-pale);border:1.5px solid var(--f2h-border);width:100%;font-size:13.5px;font-family:var(--f2h-font);color:var(--f2h-text);border-radius:10px;outline:none;padding:8px 13px 8px 36px;transition:border-color .18s,box-shadow .18s,background .18s;display:block}.f2h-input::placeholder{color:#b0c4b2}.f2h-input:focus{border-color:var(--f2h-green);background:#fff;box-shadow:0 0 0 3px #2e7d321a}.f2h-input.err{border-color:var(--f2h-red);background:#fff5f5}.f2h-input.err:focus{box-shadow:0 0 0 3px #ef44441a}.f2h-input:disabled{opacity:.5;cursor:not-allowed}.f2h-input-pr{padding-right:40px}.f2h-input-pfx{padding-left:68px}.f2h-field-err{color:var(--f2h-red);margin-top:2px;margin-left:2px;font-size:10px;font-weight:600}.f2h-field-ok{color:var(--f2h-green);align-items:center;gap:3px;margin-top:2px;margin-left:2px;font-size:11px;font-weight:700;display:flex}.f2h-eye{cursor:pointer;color:var(--f2h-muted);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.f2h-eye:hover{color:var(--f2h-green)}.f2h-prefix{border-right:1.5px solid var(--f2h-border);pointer-events:none;color:var(--f2h-muted);align-items:center;gap:4px;padding:0 11px 0 12px;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0}.otp-cell{text-align:center;width:34px;height:36px;color:var(--f2h-text);background:var(--f2h-green-pale);border:1.5px solid var(--f2h-border);font-size:16px;font-weight:700;font-family:var(--f2h-font);border-radius:9px;outline:none;transition:border-color .15s,box-shadow .15s}.otp-cell:focus{border-color:var(--f2h-green);background:#fff;box-shadow:0 0 0 3px #2e7d321f}.f2h-btn-primary{background:var(--f2h-green);color:#fff;width:100%;font-family:var(--f2h-font);cursor:pointer;letter-spacing:.02em;border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:800;transition:background .18s,transform .1s,box-shadow .18s;display:flex;box-shadow:0 4px 16px #2e7d324d}.f2h-btn-primary:hover{background:var(--f2h-green-dark)}.f2h-btn-primary:active{transform:scale(.98)}.f2h-btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.f2h-btn-otp{background:var(--f2h-green);color:#fff;height:36px;font-family:var(--f2h-font);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:800;transition:background .18s,transform .1s;display:flex;box-shadow:0 2px 10px #2e7d3240}.f2h-btn-otp:hover{background:var(--f2h-green-dark)}.f2h-btn-otp:active{transform:scale(.97)}.f2h-btn-otp:disabled{opacity:.45;cursor:not-allowed;transform:none}.f2h-btn-verify{background:var(--f2h-green);color:#fff;height:36px;font-family:var(--f2h-font);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:800;transition:background .18s;display:flex;box-shadow:0 2px 10px #2e7d3240}.f2h-btn-verify:disabled{opacity:.45;cursor:not-allowed}.f2h-divider{align-items:center;gap:10px;margin:10px 0;display:flex}.f2h-divider-line{background:var(--f2h-border);flex:1;height:1px}.f2h-divider-text{letter-spacing:.08em;color:var(--f2h-muted);text-transform:uppercase;font-size:10px;font-weight:800}.f2h-socials{justify-content:center;gap:10px;display:flex}.f2h-social-btn{border:1.5px solid var(--f2h-border);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s;display:flex}.f2h-social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.f2h-social-btn:active{transform:scale(.95)}.f2h-form{flex-direction:column;gap:9px;display:flex}.f2h-form-field{flex-direction:column;display:flex}.f2h-grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.f2h-row{align-items:flex-start;gap:8px;display:flex}.f2h-flex-1{flex:1;min-width:0}.f2h-checkbox-row{align-items:center;gap:8px;display:flex}.f2h-checkbox{width:16px;height:16px;accent-color:var(--f2h-green);cursor:pointer;border-radius:4px}.f2h-checkbox-lbl{color:var(--f2h-body);font-size:12px}.f2h-forgot{color:var(--f2h-green);font-size:12px;font-weight:700;text-decoration:none}.f2h-forgot:hover{text-decoration:underline}.f2h-switch{text-align:center;color:var(--f2h-muted);margin-top:8px;font-size:12px}.f2h-switch a{color:var(--f2h-green);cursor:pointer;font-weight:800;text-decoration:none}.f2h-switch a:hover{text-decoration:underline}.f2h-footer{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#6b8f6e;margin-top:6px;font-size:10px;font-weight:700}.f2h-mobile-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}@media (min-width:900px){.f2h-mobile-header{display:none}}.f2h-mobile-brand{color:var(--f2h-green);font-size:1rem;font-weight:800}.f2h-otp-hint{color:var(--f2h-muted);margin-bottom:4px;font-size:10px}.f2h-otp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.f2h-otp-cells{gap:5px;display:flex}.f2h-pw-hint{color:var(--f2h-muted);margin-top:3px;font-size:10px;font-style:italic}@keyframes f2h-spin{to{transform:rotate(360deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}@keyframes sweep-light{0%{background-position:-200% 0}to{background-position:300% 0}}@keyframes radar-ping{0%{opacity:.8;transform:scale(.6)translate(-50%,-50%)}to{opacity:0;transform:scale(2.4)translate(-50%,-50%)}}@keyframes route-draw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@keyframes delivery-truck{0%{opacity:0;left:-60px}8%{opacity:1}92%{opacity:1}to{opacity:0;left:105%}}@keyframes count-up-flash{0%{color:#fff}50%{color:#a5d6a7;text-shadow:0 0 20px #a5d6a7e6}to{color:#a5d6a7}}.f2h-right::-webkit-scrollbar{width:3px}.f2h-right::-webkit-scrollbar-thumb{background:var(--f2h-border);border-radius:2px}