@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");:root{--primary:#FF2A55;--primary-dark:#E01940;--primary-light:#FF5E80;--accent:#b8002e;--bg-color:#f0f4f8;--glass-bg:rgba(255,255,255,0.85);--glass-border:rgba(255,255,255,0.6);--glass-shadow:0 10px 40px rgba(0,0,0,0.08);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--input-bg:#ffffff;--input-border:#cbd5e1;--input-focus:#FF2A55;--error:#ef4444;--error-bg:#fef2f2;--error-border:#fecaca;--radius-sm:12px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:'Outfit', sans-serif;background-color:var(--bg-color);background-size:cover;background-position:center center;background-attachment:fixed;position:relative;color:var(--application-color-text-color, var(--text-primary));overflow-x:hidden}body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(240,244,248,0.2) 0%, rgba(0,0,0,0.1) 100%);z-index:0}.glass-container{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;z-index:1;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:0.5;animation:float 10s infinite ease-in-out alternate}.blob-1{width:400px;height:400px;background:radial-gradient(circle, #ff2a55 0%,rgba(255,42,85,0) 70%);top:10%;left:15%;animation-delay:0s}.blob-2{width:350px;height:350px;background:radial-gradient(circle, rgba(255,126,64,0.8) 0%,rgba(255,126,64,0) 70%);bottom:10%;right:15%;animation-delay:-5s}@keyframes float{0%{transform:translate(0, 0) scale(1)}100%{transform:translate(30px, -50px) scale(1.1)}}.login-top-mobile{display:none;text-align:center;margin-bottom:20px}.login-top-mobile #logo-mobile{max-width:150px;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.1));transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.login-top-mobile #logo-mobile:hover{transform:scale(1.05)}@media screen and (max-width: 768px){.login-top-mobile{display:block}}.login-top-desktop{display:block;text-align:center}.login-top-desktop #logo{max-width:200px;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.1));transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.login-top-desktop #logo:hover{transform:scale(1.05)}@media screen and (max-width: 768px){.login-top-desktop{display:none !important}}.login-form{position:relative;z-index:10;width:100%;max-width:900px;padding:20px;display:flex;flex-direction:column;align-items:center}.login-form h2{font-weight:700;font-size:20px;margin-bottom:20px;letter-spacing:1px;text-align:center;color:var(--application-color-text-color, var(--text-primary));text-shadow:none;text-transform:uppercase}.login-form h2 .highlight{background:linear-gradient(135deg, var(--application-color-primary, var(--primary)), var(--application-color-accent, var(--accent)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}@media screen and (max-width: 768px){.login-form h2{display:none}}.login-content{display:flex;width:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);overflow:hidden;position:relative}.login-content::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent)}.login-content .login-left,.login-content .login-right{padding:30px 40px;width:50%;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 768px){.login-content .login-left,.login-content .login-right{width:100%}}.login-content .login-left{align-items:center;background:rgba(255,255,255,0.4);border-right:1px solid var(--glass-border)}@media screen and (max-width: 768px){.login-content .login-left{border-right:none;border-bottom:1px solid var(--glass-border);padding:40px 20px}}.login-content .login-left #logo{max-width:200px;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.1));transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.login-content .login-left #logo:hover{transform:scale(1.05)}@media screen and (max-width: 768px){.login-content .login-left #logo{max-width:150px}}@media screen and (max-width: 768px){.login-content{flex-direction:column}.login-content .login-left,.login-content .login-right{padding:20px 20px}}.form-group{margin-bottom:15px;position:relative}.input-container label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;letter-spacing:0.5px;transition:color 0.3s ease}.input-container.focused label{color:var(--application-color-for-color, var(--input-focus))}input[type=text],input[type=password]{width:100%;height:52px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:0 20px;font-family:'Outfit', sans-serif;font-size:15px;color:var(--application-color-text-color, var(--text-primary));transition:all 0.3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,0.02)}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--text-muted)}input[type=text]:hover,input[type=password]:hover{border-color:#94a3b8}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--application-color-for-color, var(--input-focus));background:#fff;box-shadow:0 0 0 4px rgba(255,42,85,0.15),inset 0 2px 4px rgba(0,0,0,0.02);box-shadow:0 0 0 4px rgb(from var(--application-color-for-color, var(--input-focus)) r g b / 0.15),inset 0 2px 4px rgba(0,0,0,0.02)}.action-group{margin-top:10px}.l-right{display:flex;align-items:center;gap:16px}@media screen and (max-width: 768px){.l-right{flex-direction:column;gap:16px}}.sub-user-toggle{flex:1}@media screen and (max-width: 768px){.sub-user-toggle{width:100%}}.sub-user-toggle input[type="checkbox"]{display:none}.sub-user-toggle label{display:flex;align-items:center;height:52px;padding:0 16px 0 46px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;position:relative;transition:all 0.3s ease}.sub-user-toggle label:hover{background:#f8fafc;border-color:#94a3b8;color:var(--application-color-text-color, var(--text-primary))}.sub-user-toggle label::before{content:'';position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--text-muted);border-radius:6px;transition:all 0.3s ease}.sub-user-toggle label::after{content:'';position:absolute;left:25px;top:17px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(0);transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);opacity:0}.sub-user-toggle.active label{background:rgba(255,42,85,0.1);border-color:var(--application-color-primary, var(--primary));color:var(--application-color-primary, var(--primary-dark))}.sub-user-toggle.active label::before{background:var(--application-color-primary, var(--primary));border-color:var(--application-color-primary, var(--primary))}.sub-user-toggle.active label::after{opacity:1;transform:rotate(45deg) scale(1)}.glow-button{flex:1;height:52px;background:linear-gradient(135deg, var(--application-color-primary, var(--primary)), var(--application-color-accent, var(--accent)));color:#fff;font-family:'Outfit', sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(255,42,85,0.3);box-shadow:0 4px 15px rgb(from var(--application-color-shadow, #FF2A55) r g b / 0.3);position:relative;overflow:hidden;min-height:52px}@media screen and (max-width: 768px){.glow-button{width:100%}}.glow-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition:left 0.5s ease}.glow-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,42,85,0.4);box-shadow:0 8px 25px rgb(from var(--application-color-shadow, #FF2A55) r g b / 0.4);background:linear-gradient(135deg, var(--application-color-primary, var(--primary-light)), var(--application-color-accent, var(--accent)))}.glow-button:hover::before{left:100%}.glow-button:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(255,42,85,0.3);box-shadow:0 2px 10px rgb(from var(--application-color-shadow, #FF2A55) r g b / 0.3)}.validation-block{margin-bottom:20px}.validation-block>div{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error);padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;animation:slideIn 0.3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-copy{margin-top:20px;text-align:center;width:100%}.modern-langs{list-style:none;padding:0;margin:0 0 15px 0;display:flex;justify-content:center;gap:12px}@media screen and (max-width: 768px){.modern-langs{flex-wrap:wrap}}.modern-langs li a{display:flex;align-items:center;gap:8px;padding:5px;padding-left:10px;background:#ffffff71;border-radius:30px;color:var(--text-secondary);text-decoration:none;font-size:11px;font-weight:600;backdrop-filter:blur(10px);transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.modern-langs li a:hover{background:#fff;color:var(--application-color-primary, var(--primary));transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,42,85,0.15);box-shadow:0 4px 15px rgb(from var(--application-color-shadow, #FF2A55) r g b / 0.15)}.modern-langs li a img{width:18px;height:18px;border-radius:50%;object-fit:cover}.copyright{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.2);font-size:13px;font-weight:500}#username_group{display:none}