.login-container{background-color:#3a1b4e;justify-content:center;align-items:center;height:100dvh;padding:20px;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";filter:blur(100px);background:radial-gradient(circle,#ffc4d40d 0%,#0000 70%);width:70vw;height:70vw;animation:15s ease-in-out infinite alternate backgroundPulse;position:absolute;top:-25%;right:-15%}@keyframes backgroundPulse{0%{opacity:.5;transform:scale(1)translate(0)}to{opacity:.8;transform:scale(1.1)translate(-50px,30px)}}.shutter-overlay{z-index:1000;pointer-events:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100vw;height:100vh;display:grid;position:fixed;top:0;left:0}.shutter-panel{border:1px solid #ffc4d41a}.shutter-panel.top-left{transform-origin:0 0;background-color:#3a1b4e}.shutter-panel.top-right{transform-origin:100% 0;background-color:#ffc4d4}.shutter-panel.bottom-left{transform-origin:0 100%;background-color:#5cd494}.shutter-panel.bottom-right{transform-origin:100% 100%;background-color:#f4ede4}.intro-flash{z-index:1001;pointer-events:none;background:#fff;width:100%;height:100%;position:fixed;top:0;left:0}.login-split-layout{z-index:10;background:#45245e;border-radius:40px;width:100%;max-width:1150px;height:85vh;max-height:580px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffc4d40d}.login-section{background:#f4ede4;flex-direction:column;flex:1;justify-content:center;padding:50px 60px;display:flex}.login-header{text-align:left;margin-bottom:30px}.login-main-title{color:#3a1b4e;letter-spacing:-1px;margin-bottom:5px;font-size:2.22rem;font-weight:900;line-height:1}.login-subtitle{color:#3a1b4e;letter-spacing:2px;text-transform:uppercase;opacity:.5;font-size:.8rem;font-weight:700}.login-form-content{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#3a1b4e;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:800}.form-group input{color:#3a1b4e;background:0 0;border:none;border-bottom:2px solid #3a1b4e33;border-radius:0;width:100%;padding:12px 4px;font-size:1rem;transition:all .3s}.form-group input:focus{background:0 0;border-color:#3a1b4e;outline:none}.login-submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:#3a1b4e;border:none;border-radius:14px;margin-top:20px;padding:16px;font-size:.95rem;font-weight:800;transition:all .3s}.login-submit-btn:hover{opacity:.95;transform:translateY(-2px)}.form-note{color:#3a1b4e;opacity:.4;text-align:center;margin-top:25px;font-size:.75rem;font-weight:600}.countdown-section{background:#3a1b4e;flex:1.1;justify-content:center;align-items:center;display:flex;position:relative}.countdown-overlay{z-index:2;text-align:center;color:#fff;padding:40px}.coming-soon-badge-dark{color:#3a1b4e;letter-spacing:2px;background:#ffc4d4;border-radius:999px;margin-bottom:30px;padding:8px 20px;font-size:.75rem;font-weight:800;display:inline-block}.countdown-section h2{color:#fff;letter-spacing:-1px;margin-bottom:40px;font-size:2.5rem;font-weight:900;line-height:1.1}.countdown-grid-horizontal{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:35px;display:grid}.countdown-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;min-width:85px;padding:20px 10px;display:flex}.countdown-box .number{color:#ffc4d4;margin-bottom:5px;font-size:2.8rem;font-weight:900;line-height:1}.countdown-box .label{opacity:.6;text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700}.countdown-info{letter-spacing:5px;color:#ffc4d4;opacity:1;margin-top:20px;font-size:1.1rem;font-weight:800}@media (max-width:900px){.login-container{background-color:#3a1b4e;flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:30px 20px;display:flex;overflow:hidden}.login-split-layout{width:100%;height:auto;box-shadow:none;background:0 0;flex-direction:column;max-width:420px;display:flex;overflow:visible}.countdown-section{background:0 0;border:none;flex:none;order:-1;padding:0 0 40px}.countdown-overlay{padding:0}.coming-soon-badge-dark{display:none}.countdown-section h2{text-transform:uppercase;letter-spacing:3px;opacity:.6;color:#ffc4d4;margin-bottom:20px;font-size:.8rem}.countdown-grid-horizontal{justify-content:center;gap:20px;margin-bottom:0;display:flex}.countdown-box{background:0 0;border:none;align-items:center;min-width:0;padding:0}.countdown-box .number{color:#f4ede4;margin-bottom:0;font-size:2rem}.countdown-box .label{letter-spacing:1px;opacity:.5;color:#f4ede4;font-size:.5rem}.countdown-info{display:none}.login-section{background:#f4ede4;border-radius:40px;flex:none;width:100%;padding:50px 35px;box-shadow:0 30px 60px #0006}.login-header{text-align:center;margin-bottom:35px}.login-main-title{color:#3a1b4e;font-size:1.8rem}.login-subtitle{opacity:.4;font-size:.65rem}.login-form-content{gap:18px}.form-group label{opacity:.7;font-size:.65rem}.form-group input{border-bottom-width:1.5px;padding:10px 0;font-size:1rem}.login-submit-btn{border-radius:20px;margin-top:15px;padding:18px;font-size:.9rem;box-shadow:0 10px 20px #3a1b4e33}}.intro-flash,.shutter-overlay,.shutter-panel{display:none}.auth-error{color:#e53e3e;text-align:center;margin-top:5px;font-size:.8rem;font-weight:600}.toggle-auth-btn{color:#3a1b4e;cursor:pointer;opacity:.6;background:0 0;border:none;margin-top:10px;font-size:.8rem;font-weight:600;transition:opacity .2s}.toggle-auth-btn:hover{opacity:1}.login-main-title,.countdown-section h2{animation:none}
