:root{--fo-green:#0b2b1c;--fo-green2:#123c28;--fo-card:#183724;--fo-card2:#213c2e;--fo-orange:#ff9f12;--fo-yellow:#ffd24a;--fo-white:#fff;--fo-muted:#c7d4cb;--fo-border:rgba(255,255,255,.13)}
body.woocommerce-account:not(.logged-in) header,body.woocommerce-account:not(.logged-in) footer,body.woocommerce-account:not(.logged-in) .site-header,body.woocommerce-account:not(.logged-in) #masthead,body.woocommerce-account:not(.logged-in) .site-branding,body.woocommerce-account:not(.logged-in) .site-title,body.woocommerce-account:not(.logged-in) .site-description{display:none!important}
body.woocommerce-account:not(.logged-in){background:#07180f!important}.woocommerce-account:not(.logged-in) .woocommerce,.woocommerce-account:not(.logged-in) .entry-content,.woocommerce-account:not(.logged-in) .site-main{margin:0!important;padding:0!important;max-width:none!important}.woocommerce-account:not(.logged-in) h1.entry-title,.woocommerce-account:not(.logged-in) .page-title{display:none!important}
.fo-login-shell{min-height:100vh;background:radial-gradient(circle at 10% 0%,#214b31 0,#081c12 38%,#06130d 100%);display:flex;align-items:center;justify-content:center;padding:18px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;box-sizing:border-box}.fo-login-shell *{box-sizing:border-box}.fo-phone-frame{width:100%;max-width:610px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--fo-border);border-radius:28px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.fo-hero-card{display:grid;grid-template-columns:156px 1fr;gap:22px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#123923,#07170f);border-radius:28px;padding:22px;box-shadow:inset 0 0 35px rgba(255,255,255,.03)}.fo-brand-box{text-align:center}.fo-brand-avatar{height:162px;border:2px solid var(--fo-orange);border-radius:24px;background:#0fa34a;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.35)}.fo-brand-avatar img{max-height:155px;max-width:130px;object-fit:contain}.fo-brand-box span{display:block;color:var(--fo-yellow);margin-top:12px;font-size:15px}.fo-mini-badge{display:inline-flex;background:rgba(255,159,18,.12);border:1px solid rgba(255,159,18,.35);color:#ffe9b1;border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px;margin-bottom:10px}.fo-hero-content h1{font-size:31px;line-height:1.05;margin:0 0 10px;font-weight:900;letter-spacing:-.8px}.fo-hero-content p{margin:0 0 14px;color:var(--fo-muted);font-size:15px}.fo-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fo-benefits span{background:rgba(255,255,255,.07);border:1px solid var(--fo-border);border-radius:15px;padding:10px;font-size:12px;color:#eef6ef}.fo-benefits b{color:var(--fo-yellow);display:block;font-size:13px}
.fo-login-card{margin-top:16px;border-radius:28px;padding:22px;background:linear-gradient(180deg,#143722,#0a1d13);border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 45px rgba(0,0,0,.35)}.fo-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.fo-progress span{padding:13px 10px;border-radius:19px;background:#202b34;color:#fff;text-align:center;font-weight:850;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 10px rgba(255,255,255,.04)}.fo-progress span.active{background:#12a64c;box-shadow:0 10px 24px rgba(18,166,76,.28)}.rahi-step{display:none;animation:foSlide .34s ease}.rahi-step.active{display:block}@keyframes foSlide{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fo-step-card h2{font-size:28px;margin:0 0 6px;font-weight:900}.fo-muted{color:var(--fo-muted);font-size:14px;margin:0 0 18px;line-height:1.5}.fo-fields label{display:block;color:#e8f7ec;font-size:13px;font-weight:850;margin:13px 0 7px}.fo-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fo-fields input,.fo-fields textarea,.rahi-user-fields input,.rahi-user-fields textarea,.rahi-otp-field input{width:100%;background:#dfe8f6;color:#07110c;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:15px 16px;font-size:16px;font-weight:800;outline:none;transition:.2s}.fo-fields textarea{resize:vertical;min-height:82px}.fo-fields input:focus,.fo-fields textarea:focus{box-shadow:0 0 0 3px rgba(255,159,18,.28);border-color:var(--fo-orange);background:#fff}.fo-address-box{background:rgba(255,255,255,.06);border:1px solid var(--fo-border);border-radius:18px;padding:10px}.fo-location-btn{margin-top:10px;width:100%;border:0;border-radius:15px;background:#243d31;color:#fff;padding:14px;font-weight:900;cursor:pointer}.fo-location-btn:hover{background:#2f4d3e}.fo-primary-btn,.rahi-btn,.rahi-send-otp,.rahi-verify-otp{width:100%;border:0;border-radius:18px;background:linear-gradient(135deg,#ffb321,#ff8a00);color:#111;padding:17px 18px;margin-top:18px;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 14px 28px rgba(255,147,0,.32);transition:.2s}.fo-primary-btn:hover{transform:translateY(-2px)}.fo-back-btn,.rahi-btn-back{width:100%;margin-top:12px;border:1px solid var(--fo-border);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;padding:14px;font-weight:850;cursor:pointer}.fo-otp-input{text-align:center!important;font-size:28px!important;letter-spacing:9px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}.rahi-otp-message{margin-top:12px;font-weight:800;font-size:14px}.fo-terms{display:block;text-align:center;color:#bdd0c3;margin-top:14px}.fo-success-wrap{text-align:center;padding:25px 0}.fo-success-circle{width:92px;height:92px;border-radius:50%;background:#12a64c;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 42px rgba(18,166,76,.35);animation:foPop .45s ease}.fo-success-circle svg{width:46px;height:46px;color:#fff}@keyframes foPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1)}}.fo-success-wrap h3{font-size:25px;margin:0 0 8px}.fo-success-wrap p{color:var(--fo-muted);margin:0}
@media(max-width:640px){.fo-login-shell{padding:0;align-items:flex-start}.fo-phone-frame{min-height:100vh;border-radius:0;border:0;padding:14px}.fo-hero-card{grid-template-columns:122px 1fr;gap:14px;padding:16px;border-radius:24px}.fo-brand-avatar{height:132px;border-radius:20px}.fo-brand-avatar img{max-height:126px;max-width:105px}.fo-hero-content h1{font-size:24px}.fo-benefits{grid-template-columns:1fr}.fo-login-card{border-radius:24px}.fo-two-col{grid-template-columns:1fr}.fo-progress{gap:8px}.fo-progress span{font-size:13px;padding:12px 6px}.fo-step-card h2{font-size:25px}}