.auth-notification-popup{position:fixed;top:32px;left:0;right:0;margin:0 auto;z-index:1000;display:flex;align-items:center;justify-content:center;max-width:420px;pointer-events:none;background:#fff;color:#7a6652;border:1.5px solid #e7d7c1;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.2);font-size:1.08rem;font-weight:500;padding:1.1rem 2.2rem 1.1rem 1.2rem;gap:.7rem;pointer-events:auto;animation:fadeInDown .4s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.auth-notification-icon{flex-shrink:0;font-size:1.4rem;color:#eab308;margin-right:.3rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.auth-page{min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(232,213,183,.35),transparent 60%),radial-gradient(circle at 90% 80%,rgba(194,106,58,.16),transparent 55%),url(/images/i2.jpg) 50%/cover no-repeat;display:flex;justify-content:center;align-items:center;position:relative;margin-top:-80px}.auth-background-wrapper{position:absolute;inset:0;z-index:0}.auth-bg{width:100%;height:100%}.close-btn{position:absolute;top:24px;left:24px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(42,31,23,.12);background:rgba(255,255,255,.9);cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;padding:0;backdrop-filter:blur(12px)}.close-btn:hover{background:rgba(244,237,228,.98);transform:translateY(-1px) scale(1.03)}.auth-container{width:960px;max-width:95vw;height:520px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(237,216,180,.55));border-radius:24px;box-shadow:0 34px 70px rgba(42,31,23,.18),0 18px 30px rgba(42,31,23,.12);overflow:hidden;position:relative;z-index:2;border:1px solid rgba(255,255,255,.4)}.form-panel{width:50%;height:100%;padding:56px 52px;position:absolute;top:0;display:flex;flex-direction:column;align-items:center;gap:14px;backdrop-filter:blur(12px)}.login{left:0}.signup{left:50%;transform:translateX(100%)}.auth-container.active .login{transform:translateX(-100%)}.auth-container.active .signup{transform:translateX(0)}.form-panel h2{font-size:2.4rem;letter-spacing:.02em;margin-bottom:.5rem}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7a6652}.form-panel input{padding:12px 12px 12px 42px;width:280px;max-width:100%;border-radius:999px;border:1px solid rgba(42,31,23,.08);background:rgba(255,255,255,.9);font-size:.94rem}.form-panel button{padding:12px 28px;border-radius:999px;border:none;background:linear-gradient(135deg,#c26a3a,#8e5022);color:#fff;cursor:pointer;min-width:220px;font-weight:500;box-shadow:0 14px 30px rgba(68,45,28,.28),0 4px 10px rgba(68,45,28,.15);transform-origin:center;transition:transform .25s var(--ease-soft),box-shadow .25s var(--ease-soft)}.form-panel button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(68,45,28,.32),0 6px 16px rgba(68,45,28,.18)}.social-btn{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;background:rgba(255,255,255,.96);border:1px solid rgba(42,31,23,.06);box-shadow:0 16px 32px rgba(42,31,23,.14),0 4px 10px rgba(42,31,23,.08);transition:all .3s ease}.social-btn:hover{transform:translateY(-2px) scale(1.01)}.social-btn span{font-size:.92rem}.or-separator{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:.75rem 0;font-size:.8rem;color:#8b7764;text-transform:uppercase;letter-spacing:.16em}.or-separator:after,.or-separator:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.18),transparent);max-width:80px}.overlay-panel{position:absolute;right:0;width:50%;height:100%;background:linear-gradient(145deg,rgba(81,62,44,.4),rgba(120,82,49,.92)),url(/images/ww.png) 50%/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 3rem;color:#fef7ee;text-align:center}.overlay-panel h2{font-size:2.2rem}.overlay-panel p{max-width:260px;font-size:.95rem;line-height:1.5;opacity:.94}.overlay-panel button{background:transparent;border-radius:999px;border:1px solid rgba(255,238,224,.7);color:#fef7ee;min-width:210px;box-shadow:none}.overlay-panel button:hover{background:rgba(255,238,224,.12)}.auth-container.active .overlay-panel{transform:translateX(-100%)}.auth-bg canvas{filter:blur(60px);opacity:.6}.verification-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;z-index:10}.verification-box{position:relative;width:360px;background:white;border-radius:16px;padding:24px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.2)}.otp-inputs{display:flex;gap:10px;justify-content:center;margin:20px 0}.otp-inputs input{width:44px;height:52px;text-align:center;font-size:20px;border-radius:10px;border:1px solid #ddd}.verify-btn{width:100%;padding:12px;border-radius:999px;background:#3b2f2f;color:white;border:none;cursor:pointer}.resend{margin-top:14px;font-size:14px}.resend span{color:#7a6652;cursor:pointer;font-weight:500}.verification-status{display:flex;justify-content:center;margin-bottom:14px;color:#6b4f3f}.verification-close{position:absolute;top:14px;right:14px;background:transparent;border:none;cursor:pointer;color:#6b4f3f;padding:4px;z-index:2}.verification-close:hover{opacity:.7}.form-panel p{font-size:.9rem;color:#7a6652;margin-top:.6rem}.form-panel .link{color:#c26a3a;font-weight:500;cursor:pointer}.form-panel .link:hover{text-decoration:underline}@media (max-width:900px){.auth-container{height:auto;min-height:540px}.form-panel{position:relative;width:100%;left:0;transform:translateX(0)!important}.overlay-panel{display:none}.login,.signup{position:relative}.auth-container.active .login,.auth-container.active .signup{transform:translateX(0)}.auth-container.active .login,.auth-container:not(.active) .signup{display:none}}@media (max-width:640px){.auth-container{width:100%;max-width:100%;margin:0 1rem;border-radius:18px}.form-panel{padding:40px 28px 32px}.close-btn{top:16px;left:16px;width:40px;height:40px}}