/* Video reference: ivory form, deep green moving diagonal panel. */
body.auth-mode{--auth-ink:#163a2d;--auth-green:#0b4b37;color:var(--auth-ink)!important;background:radial-gradient(ellipse at 50% 0,#123e2d 0,#041c13 60%,#03160e 100%)!important;font-family:system-ui,'Noto Sans Bengali',sans-serif!important}
body.auth-mode main{padding:32px 24px!important;min-height:100svh!important;justify-content:center!important}
body.auth-mode #root{width:100%;max-width:1080px!important;margin:auto!important}
body.auth-mode .auth-shell{position:relative!important;display:block!important;overflow:hidden;min-height:550px;background:#f7f4e9!important;border:1px solid #e0e0cc44!important;border-radius:22px!important;box-shadow:0 24px 80px #0005!important;isolation:isolate}
body.auth-mode .auth-form{position:relative;width:48%!important;max-width:none!important;padding:60px 44px 32px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:translateX(0);transition:transform .65s cubic-bezier(.65,0,.2,1);z-index:2}
body.auth-mode .auth-shell[data-view="register"] .auth-form{transform:translateX(108.3333%)}
body.auth-mode .reference-hero{display:flex!important;position:absolute!important;inset:0 0 0 auto!important;align-items:center;justify-content:center;width:52%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:48px 46px 48px 74px!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important;background:radial-gradient(ellipse at 100% 0,#125b43,transparent 65%),linear-gradient(150deg,#0b3b2a,#032416)!important;clip-path:polygon(0 0,100% 0,100% 100%,22% 100%);transform:translateX(0);transition:transform .65s cubic-bezier(.65,0,.2,1),clip-path .65s;color:#f5f0d9!important;z-index:1}
body.auth-mode .auth-shell[data-view="register"] .reference-hero{transform:translateX(-92.3077%);clip-path:polygon(0 0,78% 0,100% 100%,0 100%);padding:48px 74px 48px 46px!important}
body.auth-mode .brand-hero:before,body.auth-mode .brand-hero:after{display:none!important}
.green-intro{max-width:290px;width:100%;text-align:left}.green-wordmark{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#b9ca9b}.green-intro h1{font-family:Georgia,'Noto Serif Bengali',serif;font-size:clamp(32px,3.7vw,48px);font-weight:400;line-height:1.2;margin:24px 0 18px;color:#fbf5dc!important}.green-intro h1 em{font-weight:400;color:#d8d5a0}.green-intro p{font-size:15px;line-height:1.8;color:#c5d0b7;margin:0}.green-rule{display:block;width:38px;height:2px;background:#b9b67b;margin-bottom:20px}
body.auth-mode .auth-brand,body.auth-mode .premium-label,body.auth-mode .auth-artwork,body.auth-mode .auth-divider{display:none!important}
body.auth-mode .auth-form h2{font-size:27px!important;line-height:1.45;color:#143629!important;letter-spacing:0!important;text-align:left!important;margin:0 0 8px!important}
body.auth-mode .auth-form h2 span{color:#143629!important}
body.auth-mode .auth-sub{font-size:13px!important;line-height:1.65!important;text-align:left!important;color:#64705e!important;margin:0 0 25px!important}
body.auth-mode .auth-form label{font-size:13px!important;font-weight:500;color:#47533f!important;margin:16px 0 3px!important;text-align:left!important;line-height:1.5}
body.auth-mode .email-field,body.auth-mode .password-field{display:flex!important;align-items:center;position:relative;border:0!important;border-bottom:1px solid #b9bca7!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;min-height:44px!important;padding:0!important}
body.auth-mode input:not([type="checkbox"]){width:100%!important;min-width:0;min-height:44px!important;height:44px!important;padding:8px 0!important;font-size:15px!important;line-height:1.4!important;background:transparent!important;border:0!important;border-bottom:1px solid #b9bca7!important;border-radius:0!important;color:#173c2b!important;box-shadow:none!important;caret-color:#0b4b37;outline-offset:4px}
body.auth-mode .email-field input,body.auth-mode .password-field input{border:0!important;margin:0!important;padding-right:8px!important}
body.auth-mode .email-field>span,body.auth-mode .password-field>.lock-icon{position:static!important;left:auto!important;right:auto!important;order:2;font-size:16px!important;color:#7c8770!important;margin:0 2px 0 8px;flex:none}
body.auth-mode .password-field>.lock-icon{display:none!important}
body.auth-mode .password-field button{position:static!important;flex:none;min-height:36px!important;height:auto!important;min-width:48px!important;padding:5px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:4px!important;font-size:12px!important;color:#6a765a!important;box-shadow:none!important}
body.auth-mode input::placeholder{color:#909680!important;opacity:1}
body.auth-mode input:focus-visible{outline:2px solid #547f4e!important}
body.auth-mode input:-webkit-autofill{ -webkit-text-fill-color:#173c2b!important; -webkit-box-shadow:0 0 0 1000px #f7f4e9 inset!important;caret-color:#173c2b!important}
body.auth-mode .forgot-row{margin:12px 0 20px!important;text-align:right!important}
body.auth-mode .forgot-row a{font-size:12px!important;color:#6e6a3d!important}
body.auth-mode .auth-primary{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:46px!important;font-size:16px!important;font-weight:600;margin:22px 0 12px!important;padding:10px 18px!important;border:1px solid #236246!important;border-radius:30px!important;background:linear-gradient(180deg,#155b40,#073c28)!important;box-shadow:0 4px 9px #0d3f2825,inset 0 1px #ffffff2b!important;color:#fffbea!important}
body.auth-mode .cta-arrow{display:none!important}
body.auth-mode .auth-secondary{display:block!important;min-height:0!important;margin:0!important;padding:10px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#475837!important;font-size:13px!important;font-weight:600;text-align:center!important;text-decoration:underline;text-underline-offset:4px}
body.auth-mode .auth-secure{font-size:11px!important;color:#8a907a!important;text-align:center;margin:18px 0 0!important}
body.auth-mode #status:not(:empty){color:#f4edd0!important;background:#124932!important;border:1px solid #638e62!important;max-width:1080px!important;margin:0 auto 12px!important;border-radius:9px;padding:10px 14px!important;font-size:14px;position:relative}
body.auth-mode .register-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.register-fields label{grid-column:auto}.register-fields input{grid-column:auto}
/* Original registration labels/inputs are pairs; keep each pair readable without reordering tab order. */
body.auth-mode .register-fields{display:block}
body.auth-mode .trial-consent{display:flex!important;align-items:flex-start;gap:9px;line-height:1.6!important;font-size:12px!important}
body.auth-mode .trial-consent input{width:17px!important;height:17px!important;min-height:17px!important;margin:2px 0 0!important;accent-color:#0e5639;flex:none}
body.auth-mode[data-auth-view="register"] .auth-form{padding-top:34px!important;padding-bottom:28px!important}
body.auth-mode .otp-panel{width:100%;max-width:520px!important;margin:auto!important;background:#f7f4e9!important;color:#163a2d!important;border:1px solid #d6d6be!important;border-radius:20px!important;box-shadow:0 20px 60px #0005!important}
body.auth-mode .otp-panel h2,body.auth-mode .otp-panel p,body.auth-mode .otp-panel small{color:#24442d!important}
body.auth-mode .otp-cells input{width:100%!important;height:54px!important;min-height:54px!important;padding:0!important;text-align:center!important;border:1px solid #a2b094!important;border-radius:8px!important;font-size:24px!important;background:#fffdf2!important}
body.auth-mode .otp-panel button,body.auth-mode .auth-resend{color:#215d39!important}
body.auth-mode .otp-panel .auth-primary{color:#fffbea!important}
@media(max-width:680px){
 body.auth-mode main{padding:18px 14px!important;justify-content:center!important}
 body.auth-mode .auth-shell{min-height:0!important;border-radius:18px}
 body.auth-mode .reference-hero,body.auth-mode .auth-shell[data-view="register"] .reference-hero{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:24px 26px 32px!important;transform:none!important;clip-path:polygon(0 0,100% 0,100% 87%,0 100%);min-height:150px!important}
 .green-intro{max-width:none}.green-intro h1{font-size:27px;margin:10px 0}.green-intro h1 br{display:none}.green-intro p{font-size:12px;line-height:1.6}.green-wordmark{font-size:11px}.green-rule{display:none}
 body.auth-mode .auth-form,body.auth-mode .auth-shell[data-view="register"] .auth-form{width:100%!important;transform:none!important;padding:22px 26px!important}
 body.auth-mode .auth-sub{margin-bottom:12px!important}body.auth-mode .auth-form h2{font-size:24px!important}
 body.auth-mode .auth-form label{margin-top:12px!important}
 body.auth-mode .auth-secure{margin-top:12px!important}
}
@media(max-height:520px) and (min-width:681px){body.auth-mode main{padding:16px!important}body.auth-mode .auth-form{padding:28px!important}.green-intro h1{font-size:32px}body.auth-mode .auth-shell{min-height:430px}}
@media(prefers-reduced-motion:reduce){body.auth-mode .auth-form,body.auth-mode .reference-hero{transition:none!important;animation:none!important}}

body.auth-mode .otp-panel label,body.auth-mode .otp-panel .auth-eyebrow{color:#24442d!important}body.auth-mode .otp-panel .otp-badge{color:#215d39!important;background:#e3e9d4!important}
body.auth-mode input:-webkit-autofill:hover,body.auth-mode input:-webkit-autofill:focus{-webkit-text-fill-color:#173c2b!important;-webkit-box-shadow:0 0 0 1000px #f7f4e9 inset!important;caret-color:#173c2b!important}