@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#fc0;--primary-hover:#ffd54f;--primary-glow:#fc06;--card-bg:#121212d9;--text-white:#fff;--text-dim:#a0a0a0;--border-color:#ffffff1a}.login-wrapper{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:5px 0;font-family:Poppins,sans-serif;display:flex;position:relative;overflow-x:hidden}.video-background{z-index:1;position:fixed;inset:0}.bg-video{object-fit:cover;width:100%;height:100%}.video-overlay{z-index:2;background:#000000bf;position:absolute;inset:0}.login-content{z-index:10;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1300px;padding:30px;display:flex;position:relative}.hero-section{max-width:550px}.hero-logo{width:300px;height:300px;margin:auto;display:block}.hero-title{color:#fff;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.hero-description{color:var(--text-dim);margin-top:20px;font-size:1.1rem;line-height:1.6}.login-column{flex-direction:column;gap:30px;width:100%;max-width:440px;display:flex}.info-notice-box{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);color:#fff;text-align:right;background:#ffffff0d;border-radius:18px;width:100%;padding:18px 25px;font-size:.85rem;line-height:1.6;box-shadow:0 10px 30px #0000004d}.info-notice-box a{color:var(--primary-color);font-weight:700;text-decoration:none}.info-notice-box a:hover{text-decoration:underline}.login-container{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);text-align:center;border-radius:28px;width:100%;padding:45px;box-shadow:0 30px 60px #0009}.login-title{color:#fff;margin-bottom:8px;font-size:2.2rem;font-weight:700}.login-subtitle{color:var(--text-dim);margin-bottom:35px}.input-group{text-align:left;margin-bottom:20px}.input-group label{color:#fff;margin-bottom:8px;font-size:.85rem;display:block}.input-wrapper{position:relative}.input-wrapper .icon{color:var(--primary-color);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-wrapper input{border:1px solid var(--border-color);color:#fff;background:#ffffff08;border-radius:14px;width:100%;padding:15px 15px 15px 45px;transition:all .3s}.input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 12px var(--primary-glow);outline:none}.submit-btn{background:var(--primary-color);color:#000;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:10px;padding:16px;font-weight:800;transition:all .3s;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 10px 20px var(--primary-glow);transform:translateY(-2px)}.submit-btn.success{color:#fff;background:#2ecc71}.spinner{opacity:0;border:3px solid #0000001a;border-top-color:#000;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.spinner.active{opacity:1;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hidden-text{opacity:0}.login-links{margin-top:20px;font-size:.85rem}.login-links p{color:#777;margin-top:5px}.login-links a{color:var(--primary-color);font-weight:600;text-decoration:none}.social-links{justify-content:center;gap:25px;margin-top:35px;display:flex}.social-links a{color:#555;font-size:1.6rem;transition:all .3s}.social-links a:hover{color:var(--primary-color);transform:scale(1.1)}.footer-credits{color:#444;margin-top:25px;font-size:.75rem}.error-box{color:#f44;background:#ff00001a;border:1px solid #f44;border-radius:12px;margin-bottom:20px;padding:12px}@media (max-width:1200px){.login-content{gap:40px}.login-container{max-width:420px}}@media (max-width:1024px){.login-wrapper{padding:20px 0}.login-content{text-align:center;flex-direction:column;gap:30px;padding:20px}.login-column{align-items:center}.hero-section{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-logo{width:200px}.hero-title{font-size:clamp(2rem,4vw,3.5rem)}.info-notice-box{text-align:center}.login-container{max-width:450px;padding:35px}}@media (max-width:768px){.login-wrapper{padding:15px 0}.login-content{gap:20px;padding:15px}.hero-logo{width:160px;margin-bottom:15px}.hero-title{font-size:clamp(1.5rem,3.5vw,2.5rem)}.hero-description{font-size:.95rem}.login-container{max-width:100%;padding:30px 20px}.login-title{font-size:1.8rem}.input-group{margin-bottom:15px}.info-notice-box{padding:15px 20px;font-size:.8rem}}@media (max-width:480px){.login-wrapper{min-height:auto;padding:10px 0}.login-content{flex-direction:column;gap:15px;max-width:100%;padding:10px}.hero-section{display:none}.login-column{width:100%;max-width:100%}.login-container{border-radius:20px;padding:20px 15px}.login-title{font-size:1.6rem}.login-subtitle{margin-bottom:20px;font-size:.9rem}.input-group{margin-bottom:12px}.input-wrapper input{padding:12px 12px 12px 40px;font-size:16px}.submit-btn{padding:14px;font-size:.95rem}.social-links{gap:15px}.social-links a{font-size:1.4rem}.info-notice-box{display:none}}@media (max-width:320px){.login-content{padding:8px}.login-container{padding:18px 12px}.login-title{font-size:1.4rem}.input-wrapper input{padding:10px 10px 10px 35px;font-size:16px}}.input-wrapper.password-field{align-items:center;display:flex;position:relative}.input-wrapper.password-field input{flex:1;padding-right:40px}.toggle-password{color:#ff0;transition:color .2s;position:absolute;right:10px}.toggle-password:hover{color:orange}.toast-notification{z-index:9999;background:#18181b;border:1px solid #22c55e;border-radius:12px;flex-direction:column;gap:8px;min-width:320px;padding:16px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;right:-400px;box-shadow:0 10px 30px #00000080}.toast-notification.show{right:30px}.toast-notification.toast-generic{min-width:320px;max-width:min(420px,100vw - 40px)}.toast-notification.toast-generic .toast-text p{margin:0}.toast-notification.toast-generic .toast-content-no-icon{gap:0}.toast-notification.toast-generic.toast-generic-success{border-color:#22c55e;box-shadow:0 10px 40px #22c55e33}.toast-notification.toast-generic.toast-generic-success .toast-icon,.toast-notification.toast-generic.toast-generic-success .toast-progress{color:#22c55e;background:#22c55e}.toast-notification.toast-generic.toast-generic-error{border-color:#ef4444;box-shadow:0 10px 40px #ef444433}.toast-notification.toast-generic.toast-generic-error .toast-icon,.toast-notification.toast-generic.toast-generic-error .toast-progress{color:#ef4444;background:#ef4444}.toast-notification.toast-generic.show .toast-progress{animation:3s linear forwards toastProgress}.toast-content{align-items:center;gap:12px;display:flex}.toast-icon{color:#22c55e;font-size:1.5rem}.toast-text strong{color:#fff;font-size:1rem;display:block}.toast-text p{color:#a1a1aa;margin:0;font-size:.85rem}.toast-progress{background:#22c55e;border-radius:2px;align-self:flex-start;width:0%;height:3px}.toast-notification.show .toast-progress{animation:2s linear forwards toastProgress}@keyframes toastProgress{0%{width:0%}to{width:100%}}.toast-register{border:1px solid #3b82f6;box-shadow:0 10px 40px #3b82f633}.toast-register .toast-icon{color:#3b82f6}.toast-register .toast-progress{background:#3b82f6}.toast-notification.toast-register.show .toast-progress{animation:3.5s linear forwards toastProgress}.toast-password{border:1px solid #a855f7!important;box-shadow:0 10px 40px #a855f733!important}.toast-password .toast-icon{color:#a855f7!important}.toast-password .toast-progress{background:#a855f7!important}.toast-notification.toast-password.show .toast-progress{animation:4s linear forwards toastProgress}