@import"https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box}body{background:#0f0f23;color:#e2e8f0;font-family:Saira,sans-serif;line-height:1.6;margin:0;padding:0}.modern-layout{background-color:#0e0f23;background-image:url(./login_background.BbrICuNg.jpg);background-repeat:no-repeat;background-size:100%;min-height:100vh}.modern-layout .account-layout{display:flex;flex-direction:column;min-height:100vh}.modern-layout .main-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23cc;border-bottom:1px solid hsla(0,0%,100%,.1);position:sticky;top:0;z-index:1000}.modern-layout .main-header .header-container{align-items:center;display:grid;gap:2rem;grid-template-columns:200px 1fr 200px;margin:0 auto;max-width:1400px;padding:1rem 2rem}.modern-layout .main-header .header-container .header-left{justify-self:start}.modern-layout .main-header .header-container .header-left .logo-link{align-items:center;color:#fff;display:inline-block;display:flex;flex-direction:column;font-size:1.5rem;text-decoration:none}.modern-layout .main-header .header-container .header-left .logo-link z .header-logo{height:40px;transition:all .3s ease;width:auto}.modern-layout .main-header .header-container .header-left .logo-link z .header-logo:hover{transform:scale(1.05)}.modern-layout .main-header .header-container .header-center{justify-self:center;width:100%}.modern-layout .main-header .header-container .header-center .header-navigation{margin:0 auto;max-width:800px;width:100%}.modern-layout .main-header .header-container .header-right{justify-self:end}.modern-layout .main-header .header-container .header-right .user-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;display:flex;gap:1rem;padding:.75rem 1rem}.modern-layout .main-header .header-container .header-right .user-section .user-avatar{border:2px solid hsla(0,0%,100%,.2);border-radius:50%;height:32px;width:32px}.modern-layout .main-header .header-container .header-right .user-section .user-info{display:flex;flex-direction:column;gap:.25rem}.modern-layout .main-header .header-container .header-right .user-section .user-info .user-name{color:#f1f5f9;font-size:.8rem;font-weight:600;line-height:1}.modern-layout .main-header .header-container .header-right .user-section .user-info .user-email{color:#f1f5f9b3;font-size:.7rem;line-height:1}.modern-layout .main-header .header-container .header-right .user-section .logout-btn{border-radius:8px;color:#f1f5f9b3;padding:.5rem;text-decoration:none;transition:all .3s ease}.modern-layout .main-header .header-container .header-right .user-section .logout-btn:hover{background:#ef444433;color:#f87171;transform:translate(2px)}.modern-layout .main-header .header-container .header-right .login-section{align-items:center;display:flex;gap:.5rem}.modern-layout .main-header .header-container .header-right .login-section .login-btn,.modern-layout .main-header .header-container .header-right .login-section .register-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:50px;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem .8rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:-moz-fit-content;width:fit-content}.modern-layout .main-header .header-container .header-right .login-section .login-btn svg,.modern-layout .main-header .header-container .header-right .login-section .register-btn svg{flex-shrink:0;height:16px;width:16px}.modern-layout .main-header .header-container .header-right .login-section .login-btn:hover,.modern-layout .main-header .header-container .header-right .login-section .register-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.modern-layout .main-header .header-container .header-right .login-section .login-btn{background:#6366f1cc;border-color:#6366f14d;color:#f1f5f9}.modern-layout .main-header .header-container .header-right .login-section .login-btn:hover{background:#6366f1e6;box-shadow:0 8px 25px #6366f166}.modern-layout .main-header .header-container .header-right .login-section .register-btn{background:#0f0f23cc;border-color:#fff3;color:#f1f5f9e6}.modern-layout .main-header .header-container .header-right .login-section .register-btn:hover{background:#0f0f23e6;border-color:#ffffff4d;color:#f1f5f9}.modern-layout .main-header .page-title-section{background:#0f0f2366;border-top:1px solid hsla(0,0%,100%,.05)}.modern-layout .main-header .page-title-section .title-container{margin:0 auto;max-width:1400px;padding:1rem 2rem;text-align:center}.modern-layout .main-header .page-title-section .title-container .page-title{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.modern-layout .main-content{flex:1}.modern-layout .main-content .content-wrapper{margin:0 auto;max-width:1800px;padding:0}.modern-layout .page-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f2399;border-top:1px solid hsla(0,0%,100%,.1);margin-top:auto}.modern-layout .page-footer .footer-container{margin:0 auto;max-width:1400px;padding:2rem}.modern-layout .page-footer .footer-container .footer-title{margin-bottom:2rem;text-align:center}.modern-layout .page-footer .footer-container .footer-title h2{color:#f1f5f9;font-family:Saira,sans-serif;font-size:1.8rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.modern-layout .page-footer .footer-container .footer-title p{color:#f1f5f9b3;font-size:1rem;font-weight:300;margin:0}.modern-layout .page-footer .footer-container .footer-content{display:flex;justify-content:center}.classic-layout{min-height:100vh}.classic-layout .auth-background{background-color:#0e0f23;background-image:url(./login_background.BbrICuNg.jpg);background-repeat:no-repeat;background-size:100%;display:flex;flex-direction:column;min-height:100vh}.classic-layout .auth-main{align-items:center;background-color:#00000031;flex:1;justify-content:center;padding:2rem}.classic-layout .auth-container{max-width:600px;width:100%}.classic-layout .auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23cc;border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 20px 40px #0000004d;overflow:hidden;transition:all .3s ease}.classic-layout .auth-card:hover{border-color:#ffffff26;box-shadow:0 25px 50px #0006;transform:translateY(-2px)}.classic-layout .auth-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4f46e5cc,#7c3aedcc);border-bottom:1px solid hsla(0,0%,100%,.1);padding:2rem;text-align:center}.classic-layout .auth-header .auth-logo-link{display:inline-block;margin-bottom:1rem}.classic-layout .auth-header .auth-logo-link .auth-logo{filter:brightness(0) invert(1);height:80px;transition:all .3s ease;width:auto}.classic-layout .auth-header .auth-logo-link .auth-logo:hover{filter:brightness(0) invert(1) drop-shadow(0 0 15px rgba(255,255,255,.4));transform:scale(1.05)}.classic-layout .auth-header .auth-title-section .auth-title{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.classic-layout .auth-body{background:#0f0f2399;padding:2rem}.classic-layout .auth-footer{background:#0f0f2399;padding:0 2rem 2rem;text-align:center}.classic-layout .auth-footer .forgot-link{align-items:center;border:1px solid rgba(167,139,250,.2);border-radius:12px;color:#a78bfa;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.classic-layout .auth-footer .forgot-link:hover{background:#a78bfa1a;border-color:#a78bfa4d;box-shadow:0 4px 12px #a78bfa33;color:#c4b5fd;transform:translateY(-1px)}@media (max-width:1024px){.modern-layout .main-header .header-container{gap:1rem;grid-template-columns:auto 1fr auto;padding:1rem}.modern-layout .main-header .header-container .header-right .user-section .user-info{display:none}.modern-layout .main-header .header-container .header-right .login-section{gap:.5rem}.modern-layout .main-header .header-container .header-right .login-section .login-btn,.modern-layout .main-header .header-container .header-right .login-section .register-btn{font-size:.85rem;padding:.6rem .8rem;white-space:nowrap}.modern-layout .main-header .header-container .header-right .login-section .login-btn span,.modern-layout .main-header .header-container .header-right .login-section .register-btn span{display:none}.modern-layout .main-header .header-container .header-right .login-section .login-btn svg,.modern-layout .main-header .header-container .header-right .login-section .register-btn svg{height:16px;width:16px}.modern-layout .content-wrapper{padding-left:1rem;padding-right:1rem}.modern-layout .page-title-section .title-container{padding:.75rem 1rem}.modern-layout .page-title-section .title-container .page-title{font-size:1.3rem}.modern-layout .page-footer .footer-container{padding:1.5rem 1rem}.modern-layout .page-footer .footer-container .footer-title h2{font-size:1.5rem}}@media (max-width:768px){.modern-layout .main-header .header-container{gap:1rem;grid-template-columns:1fr;text-align:center}.modern-layout .main-header .header-container .header-left,.modern-layout .main-header .header-container .header-right{justify-self:center}.modern-layout .main-header .header-container .header-center{order:3}.modern-layout .main-header .header-container .header-left{order:1}.modern-layout .main-header .header-container .header-right{order:2}.modern-layout .main-header .header-container .header-right .login-section{gap:.5rem;justify-content:center}.modern-layout .main-header .header-container .header-right .login-section .login-btn,.modern-layout .main-header .header-container .header-right .login-section .register-btn{border-radius:12px;font-size:.85rem;padding:.6rem 1rem;white-space:nowrap}.modern-layout .main-header .header-container .header-right .login-section .login-btn span,.modern-layout .main-header .header-container .header-right .login-section .register-btn span{display:inline}.modern-layout .main-header .header-container .header-right .login-section .login-btn svg,.modern-layout .main-header .header-container .header-right .login-section .register-btn svg{height:16px;width:16px}.modern-layout .page-title-section .title-container .page-title{font-size:1.2rem}.modern-layout .page-footer .footer-container{padding:1.5rem 1rem}.modern-layout .page-footer .footer-container .footer-title{margin-bottom:1.5rem}.modern-layout .page-footer .footer-container .footer-title h2{font-size:1.4rem}.modern-layout .page-footer .footer-container .footer-title p{font-size:.9rem}.classic-layout .auth-main{padding:1rem}.classic-layout .auth-card{border-radius:16px}.classic-layout .auth-header{padding:1.5rem}.classic-layout .auth-header .auth-logo{height:60px}.classic-layout .auth-header .auth-title{font-size:1.3rem}.classic-layout .auth-body{padding:1.5rem}}@media (max-width:480px){.modern-layout .main-header .header-container{padding:.75rem}.modern-layout .main-header .header-container .header-left .header-logo{height:32px}.modern-layout .main-header .header-container .header-right .user-section{padding:.5rem .75rem}.modern-layout .main-header .header-container .header-right .user-section .user-avatar{height:28px;width:28px}.modern-layout .main-header .header-container .header-right .login-section{gap:.4rem}.modern-layout .main-header .header-container .header-right .login-section .login-btn,.modern-layout .main-header .header-container .header-right .login-section .register-btn{border-radius:10px;font-size:.8rem;padding:.5rem .75rem;white-space:nowrap}.modern-layout .main-header .header-container .header-right .login-section .login-btn span,.modern-layout .main-header .header-container .header-right .login-section .register-btn span{font-size:.75rem}.modern-layout .main-header .header-container .header-right .login-section .login-btn svg,.modern-layout .main-header .header-container .header-right .login-section .register-btn svg{height:14px;width:14px}.modern-layout .page-title-section .title-container{padding:.5rem}.modern-layout .page-title-section .title-container .page-title{font-size:1.1rem;font-size:1rem}.modern-layout .page-footer .footer-container{padding:1rem .75rem}.modern-layout .page-footer .footer-container .footer-title{margin-bottom:1rem}.modern-layout .page-footer .footer-container .footer-title h2{font-size:1.2rem}.modern-layout .page-footer .footer-container .footer-title p{font-size:.85rem}.classic-layout .auth-main{padding:.5rem}.classic-layout .auth-header{padding:1rem}.classic-layout .auth-header .auth-logo{height:50px}.classic-layout .auth-header .auth-title{font-size:1.2rem}.classic-layout .auth-body{padding:1rem}}