:root{--b-primary:#ff4d4f;--b-primary-hover:#e6393b;--b-text:#1f2937;--b-muted:#6b7280;--b-border:#e5e7eb;--b-bg:#f4f6f9}
html,body{margin:0!important;padding:0!important;width:100%!important;min-height:100%!important;background:var(--b-bg)!important}body.baniyo-auth-page{font-family:Inter,Arial,sans-serif!important;overflow:auto!important;color:var(--b-text)!important}body.baniyo-auth-page *,body.baniyo-auth-page *::before,body.baniyo-auth-page *::after{box-sizing:border-box}body.baniyo-auth-page #wpadminbar,body.baniyo-auth-page header,body.baniyo-auth-page footer,body.baniyo-auth-page nav,body.baniyo-auth-page .site-header,body.baniyo-auth-page .site-footer{display:none!important}
.baniyo-auth-shell{min-height:100vh;width:100%;display:grid;grid-template-columns:minmax(420px,46%) minmax(480px,54%);background:#fff;overflow:hidden}.baniyo-auth-hero{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(145deg,#fff1f0 0%,#ffe6e5 46%,#f4f6f9 100%);border-right:1px solid var(--b-border)}.baniyo-hero-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,77,79,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,77,79,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.baniyo-hero-decor{position:absolute;border-radius:50%;filter:blur(1px)}.decor-one{width:360px;height:360px;background:rgba(255,77,79,.14);top:-120px;left:-120px}.decor-two{width:280px;height:280px;background:rgba(99,102,241,.10);right:-100px;bottom:-80px}.baniyo-hero-copy{position:relative;z-index:2;padding:56px clamp(36px,7vw,100px) 35px;min-height:100vh;display:flex;flex-direction:column}.baniyo-hero-brand{display:flex;align-items:center;gap:11px}.baniyo-hero-brand strong{font-size:20px;color:var(--b-primary);font-weight:800}.baniyo-auth-logo{width:44px;height:44px;border-radius:11px;background:var(--b-primary);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 20px rgba(255,77,79,.24);flex-shrink:0}.baniyo-auth-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.baniyo-hero-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-1.8px;max-width:600px;margin:72px 0 18px;font-weight:800;color:var(--b-text)}.baniyo-hero-copy p{font-size:15px;line-height:1.65;color:var(--b-muted);max-width:520px;margin:0}.baniyo-ecom-illustration{position:relative;height:310px;margin-top:auto;max-width:600px}.ill-store{position:absolute;left:14%;bottom:45px;width:300px;height:170px;border:3px solid #374151;border-bottom-width:6px;border-radius:18px 18px 8px 8px;background:#fff;box-shadow:0 25px 45px rgba(31,41,55,.10)}.ill-store:before{content:'';position:absolute;left:-8px;right:-8px;top:-48px;height:54px;border-radius:14px 14px 4px 4px;background:repeating-linear-gradient(90deg,var(--b-primary) 0 34px,#fff 34px 68px);border:3px solid #374151}.ill-store span{position:absolute;left:24px;right:24px;top:35px;height:3px;background:#e5e7eb}.ill-store i{position:absolute;left:50%;top:63px;transform:translateX(-50%);font-size:48px;color:var(--b-primary)}.ill-shelf{position:absolute;background:#374151;border-radius:5px;height:7px;width:220px;left:19%;bottom:83px}.shelf-b{bottom:52px;width:180px;left:24%}.ill-product{position:absolute;width:45px;height:45px;border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(31,41,55,.13);display:flex;align-items:center;justify-content:center;color:var(--b-primary);z-index:3}.product-a{left:27%;bottom:91px}.product-b{left:42%;bottom:60px}.product-c{left:51%;bottom:91px}.ill-cart{position:absolute;right:9%;bottom:58px;width:74px;height:74px;border-radius:20px;background:#fff;box-shadow:0 15px 30px rgba(31,41,55,.12);display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:30px;transform:rotate(-7deg)}.ill-float{position:absolute;width:52px;height:52px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px rgba(31,41,55,.10);color:var(--b-primary);animation:baniyoFloat 4s ease-in-out infinite}.f1{right:20%;top:20px}.f2{left:5%;bottom:150px;color:#10b981;animation-delay:-2s}@keyframes baniyoFloat{50%{transform:translateY(-8px) rotate(2deg)}}
.baniyo-auth-panel{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px 30px}.baniyo-auth-card{width:min(500px,100%);padding:20px 35px}.baniyo-auth-heading{margin-bottom:28px}.baniyo-auth-heading h1{font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-1px;margin:0 0 8px;color:var(--b-text)}.baniyo-auth-heading p{font-size:14px;color:var(--b-muted);margin:0;line-height:1.55}.baniyo-auth-form,.baniyo-auth-card form{margin:0}.baniyo-auth-form p,#baniyo-login-form p{margin:0 0 16px!important;padding:0!important}.baniyo-auth-form label,#baniyo-login-form label{display:block!important;font-size:13px!important;font-weight:700!important;margin:0 0 7px!important;color:#344054!important}.baniyo-auth-form input:not([type=hidden]),#baniyo-login-form input[type=text],#baniyo-login-form input[type=password],#baniyo-login-form input[type=email]{display:block!important;width:100%!important;height:50px!important;padding:0 15px!important;border:1px solid #dfe3ea!important;border-radius:11px!important;background:#f8fafc!important;color:var(--b-text)!important;font:400 14px Inter,Arial,sans-serif!important;outline:none!important;box-shadow:none!important;transition:.2s!important}.baniyo-auth-form input:focus,#baniyo-login-form input:focus{border-color:var(--b-primary)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(255,77,79,.10)!important}.baniyo-auth-form button,.baniyo-auth-form .btn,#baniyo-login-form input[type=submit]{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:52px!important;border:0!important;border-radius:11px!important;background:var(--b-primary)!important;color:#fff!important;font:700 14px Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(255,77,79,.20)!important;transition:.2s!important;padding:0 18px!important}.baniyo-auth-form button:hover,.baniyo-auth-form .btn:hover,#baniyo-login-form input[type=submit]:hover{background:var(--b-primary-hover)!important;transform:translateY(-1px)!important}.baniyo-auth-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:20px!important;padding-top:19px!important;border-top:1px solid #eef0f4!important;font-size:13px!important;color:var(--b-muted)!important}.baniyo-auth-links a{color:var(--b-primary)!important;text-decoration:none!important;font-weight:600!important}.baniyo-auth-links a:hover{text-decoration:underline!important}#baniyo-login-form .login-remember{display:flex!important;align-items:center!important;gap:8px!important;margin:1px 0 18px!important}#baniyo-login-form .login-remember label{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-weight:500!important;color:var(--b-muted)!important;cursor:pointer!important}#baniyo-login-form .login-remember input[type=checkbox]{width:16px!important;height:16px!important;margin:0!important;accent-color:var(--b-primary)!important}.baniyo-auth-error,.baniyo-auth-success{padding:12px 14px!important;border-radius:10px!important;margin:0 0 18px!important;font-size:13px!important;line-height:1.5!important}.baniyo-auth-error{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}.baniyo-auth-success{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important}
@media(max-width:900px){.baniyo-auth-shell{grid-template-columns:1fr}.baniyo-auth-hero{display:none}.baniyo-auth-panel{min-height:100vh;padding:25px 18px}.baniyo-auth-card{padding:15px 8px}.baniyo-auth-heading h1{font-size:32px}}
@media(max-width:520px){.baniyo-auth-panel{padding:20px 15px}.baniyo-auth-heading h1{font-size:29px}.baniyo-auth-heading{margin-bottom:24px}}


/* Baniyo Auth Experience v1.0.6 — responsive e-commerce motion layer */
.baniyo-auth-shell{position:relative}
.baniyo-auth-hero:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,rgba(255,255,255,.48),transparent);pointer-events:none}
.baniyo-hero-copy{animation:baniyoHeroIn .65s cubic-bezier(.2,.75,.25,1) both}
.baniyo-auth-panel{animation:baniyoPanelIn .65s .06s cubic-bezier(.2,.75,.25,1) both}
.baniyo-auth-card{animation:baniyoCardIn .55s .14s cubic-bezier(.2,.75,.25,1) both}
.baniyo-hero-grid{animation:baniyoGridDrift 12s linear infinite}
.ill-store{animation:baniyoStoreFloat 5s ease-in-out infinite}
.ill-cart{animation:baniyoCartFloat 4.2s ease-in-out infinite}
.ill-product{animation:baniyoProductFloat 3.8s ease-in-out infinite}
.product-b{animation-delay:-1.2s}.product-c{animation-delay:-2.1s}
.f1{animation-delay:-.8s}.f2{animation-delay:-2.2s}
.ill-shelf:after{content:"";position:absolute;inset:-1px 0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,77,79,.45),transparent);animation:baniyoShimmer 2.8s ease-in-out infinite}
@keyframes baniyoHeroIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes baniyoPanelIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes baniyoCardIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes baniyoGridDrift{from{background-position:0 0}to{background-position:42px 42px}}
@keyframes baniyoStoreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes baniyoCartFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-11px) rotate(-3deg)}}
@keyframes baniyoProductFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes baniyoShimmer{0%,100%{opacity:.15;transform:translateX(-25%)}50%{opacity:.75;transform:translateX(25%)}}

/* Tablet: retain the two-panel concept, but compact the artwork and spacing. */
@media (min-width:901px) and (max-width:1180px){
 .baniyo-auth-shell{grid-template-columns:minmax(360px,42%) minmax(420px,58%)}
 .baniyo-hero-copy{padding:44px 42px 28px}
 .baniyo-hero-copy h2{font-size:38px;margin-top:52px}
 .baniyo-ecom-illustration{height:270px;transform:scale(.9);transform-origin:left bottom}
 .baniyo-auth-panel{padding:30px 24px}
 .baniyo-auth-card{padding:15px 20px}
}
/* Small tablets / large phones: vertical but keep the hero as a compact brand banner. */
@media (min-width:601px) and (max-width:900px){
 .baniyo-auth-shell{display:flex;flex-direction:column;min-height:100vh}
 .baniyo-auth-hero{display:block;min-height:330px;height:330px;border-right:0;border-bottom:1px solid var(--b-border)}
 .baniyo-hero-copy{min-height:330px;padding:30px 42px 18px}
 .baniyo-hero-copy h2{font-size:34px;margin:35px 0 10px;max-width:600px}
 .baniyo-hero-copy p{max-width:650px}
 .baniyo-ecom-illustration{position:absolute;right:22px;bottom:-28px;width:320px;height:220px;transform:scale(.72);transform-origin:right bottom;opacity:.96}
 .baniyo-auth-panel{min-height:auto;padding:42px 34px 55px}
 .baniyo-auth-card{max-width:560px;padding:0}

}
@media (max-width:600px){
 .baniyo-auth-shell{display:block;min-height:100svh}
 .baniyo-auth-hero{display:block;min-height:220px;height:220px;border-right:0;border-bottom:1px solid var(--b-border);background:linear-gradient(150deg,#fff3f2,#fff8f8)}
 .baniyo-hero-copy{min-height:220px;padding:22px 20px 12px}
 .baniyo-hero-brand strong{font-size:18px}
 .baniyo-auth-logo{width:40px;height:40px;border-radius:10px}
 .baniyo-hero-copy h2{font-size:25px;line-height:1.1;letter-spacing:-.7px;margin:25px 0 7px;max-width:75%}
 .baniyo-hero-copy p{font-size:12px;line-height:1.45;max-width:68%;position:relative;z-index:4}
 .baniyo-ecom-illustration{position:absolute;right:-28px;bottom:-20px;width:245px;height:185px;transform:scale(.58);transform-origin:right bottom;opacity:.92}
 .baniyo-auth-panel{min-height:calc(100svh - 220px);padding:28px 16px 36px;align-items:flex-start}
 .baniyo-auth-card{padding:0;width:100%;max-width:500px}

 .baniyo-auth-heading{margin-bottom:22px}
 .baniyo-auth-heading h1{font-size:28px;letter-spacing:-.7px}
 .baniyo-auth-heading p{font-size:13px}
 .baniyo-auth-form input:not([type=hidden]),#baniyo-login-form input[type=text],#baniyo-login-form input[type=password],#baniyo-login-form input[type=email]{height:52px!important;border-radius:12px!important}
 .baniyo-auth-form button,.baniyo-auth-form .btn,#baniyo-login-form input[type=submit]{height:53px!important;border-radius:12px!important}
}
@media (max-width:380px){
 .baniyo-auth-hero{min-height:200px;height:200px}.baniyo-hero-copy{min-height:200px;padding:18px 16px 10px}
 .baniyo-hero-copy h2{font-size:22px;margin-top:22px}.baniyo-hero-copy p{font-size:11px}.baniyo-ecom-illustration{right:-38px;bottom:-27px;transform:scale(.5)}
 .baniyo-auth-panel{min-height:calc(100svh - 200px);padding:24px 14px 30px}
 .baniyo-auth-heading h1{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
 .baniyo-hero-copy,.baniyo-auth-panel,.baniyo-auth-card,.baniyo-hero-grid,.ill-store,.ill-cart,.ill-product,.ill-float,.ill-shelf:after{animation:none!important}
 .baniyo-auth-form button,.baniyo-auth-form .btn,#baniyo-login-form input[type=submit]{transition:none!important}
}