/* auth-auth-forgot-password.css
 * Extracted from: Modules/Auth/Views/auth-forgot-password.php
 */
:root{--accent:#f97316;--accent-dark:#ea580c;--dark:#1a1a2e;--dark2:#16213e;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;min-height:100vh;display:flex;background:var(--dark);}
.auth-wrap{display:flex;min-height:100vh;width:100%;}

/* ── Left: Animated email scene ── */
.auth-bg{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460);}
.auth-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 40% 50%,rgba(249,115,22,.1) 0%,transparent 55%);z-index:1;}

/* Envelope animation */
.envelope-scene{position:relative;z-index:2;width:300px;height:300px;}
.env{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:120px;}
.env-body{width:180px;height:120px;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:8px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden;}
.env-flap{position:absolute;top:0;left:0;width:0;height:0;border-left:90px solid transparent;border-right:90px solid transparent;border-top:70px solid #e2e8f0;transform-origin:top;animation:flapOpen 3s ease-in-out infinite;}
.env-inner{position:absolute;top:0;left:0;width:0;height:0;border-left:90px solid transparent;border-right:90px solid transparent;border-bottom:60px solid #fef3c7;z-index:1;}
.env-lines{position:absolute;bottom:20px;left:24px;right:24px;}
.env-line{height:3px;background:#e2e8f0;border-radius:2px;margin-bottom:6px;}
.env-line:nth-child(1){width:70%;}
.env-line:nth-child(2){width:50%;}
.env-at{position:absolute;top:15px;left:50%;transform:translateX(-50%);font-size:2rem;color:var(--accent);animation:atBounce 3s ease-in-out infinite;z-index:3;}

/* Flying mail */
.fly-mail{position:absolute;font-size:1.2rem;color:rgba(255,255,255,.3);animation:flyAway 4s ease-in-out infinite;}
.fly-mail:nth-child(1){top:20%;left:15%;animation-delay:0s;}
.fly-mail:nth-child(2){top:60%;left:75%;animation-delay:1.5s;}
.fly-mail:nth-child(3){top:35%;left:65%;animation-delay:3s;}

/* Shield lock */
.shield{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);z-index:3;text-align:center;}
.shield-icon{width:50px;height:50px;border-radius:50%;background:rgba(249,115,22,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 6px;animation:shieldPulse 2s ease-in-out infinite;}
.shield-icon i{font-size:1.2rem;color:var(--accent);}
.shield-text{font-size:.7rem;color:rgba(255,255,255,.5);}

.bg-tag{position:absolute;top:28px;left:50%;transform:translateX(-50%);text-align:center;z-index:3;white-space:nowrap;}
.bg-tag h2{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.bg-tag p{font-size:.74rem;color:rgba(255,255,255,.45);margin-top:2px;}

@keyframes flapOpen{0%,100%{transform:rotateX(0deg);}50%{transform:rotateX(180deg);}}
@keyframes atBounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-12px);}}
@keyframes flyAway{0%{opacity:0;transform:translate(0,0) scale(.5);}50%{opacity:.4;transform:translate(-15px,-20px) scale(1);}100%{opacity:0;transform:translate(-30px,-40px) scale(.5);}}
@keyframes shieldPulse{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.15);}50%{box-shadow:0 0 0 12px rgba(249,115,22,0);}}

/* ── Right: Form ── */
.auth-form{width:440px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:36px 44px;background:#fff;position:relative;z-index:10;box-shadow:-16px 0 48px rgba(0,0,0,.08);}
.auth-logo{text-align:center;margin-bottom:20px;}
.auth-logo img{max-height:36px;}
.auth-title{font-size:1.4rem;font-weight:800;color:#0f172a;margin-bottom:3px;}
.auth-sub{font-size:.84rem;color:#64748b;margin-bottom:24px;line-height:1.5;}
.auth-lbl{font-size:.74rem;font-weight:600;color:#475467;margin-bottom:3px;display:block;}
.auth-input{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;font-size:.86rem;font-family:inherit;transition:border-color .15s,box-shadow .15s;background:#f8fafc;outline:none;}
.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(249,115,22,.1);background:#fff;}
.auth-field{margin-bottom:18px;position:relative;}
.auth-pw-toggle{position:absolute;right:14px;top:32px;cursor:pointer;color:#94a3b8;font-size:.88rem;}
.auth-pw-toggle:hover{color:var(--accent);}
.auth-btn{width:100%;padding:12px;border:none;border-radius:10px;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 4px 14px rgba(249,115,22,.3);transition:all .2s;}
.auth-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,.4);}
.auth-alert{padding:8px 14px;border-radius:8px;font-size:.8rem;margin-bottom:14px;text-align:center;line-height:1.4;}
.auth-alert-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;}
.auth-alert-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;}
.auth-back{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:20px;font-size:.82rem;color:var(--accent);text-decoration:none;font-weight:600;}
.auth-back:hover{text-decoration:underline;}
.auth-footer{text-align:center;margin-top:24px;font-size:.7rem;color:#94a3b8;}

/* ── Mobile ── */
@media(max-width:1024px){
    .auth-bg{display:none;}
    body{background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460);}
    .auth-form{width:100%;min-height:100vh;box-shadow:none;padding:0;background:transparent;justify-content:flex-start;}
    .auth-inner{background:#fff;border-radius:20px 20px 0 0;padding:28px 24px 36px;margin-top:auto;box-shadow:0 -8px 40px rgba(0,0,0,.15);}
    .mobile-hero{padding:40px 24px 20px;text-align:center;color:#fff;}
    .mobile-hero-logo img{max-height:34px;filter:brightness(0) invert(1);margin-bottom:16px;}
    .mobile-hero-icon{width:70px;height:70px;border-radius:50%;background:rgba(249,115,22,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
    .mobile-hero-icon i{font-size:1.6rem;color:var(--accent);}
    .mobile-hero h2{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:4px;}
    .mobile-hero p{font-size:.78rem;color:rgba(255,255,255,.5);}
    .auth-title{font-size:1.2rem;}
}
@media(min-width:1025px){.mobile-hero{display:none;}.auth-inner{padding:0;}}
@media(max-width:380px){.auth-inner{padding:22px 18px 28px;}.auth-title{font-size:1.1rem;}.auth-input{padding:9px 12px;}}