@import"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:.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 .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 .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:rgba(0,0,0,0);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,.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 .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:#fff;margin-bottom:8px;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.6);transition:opacity .3s ease;opacity:.9}.input-container.focused label{opacity:1}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 .3s ease;box-shadow:inset 0 2px 4px rgba(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,.15),inset 0 2px 4px rgba(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,.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]{position:absolute;opacity:0;pointer-events:none}.sub-user-toggle label{display:flex;align-items:center;height:52px;padding:0 78px 0 18px;background:rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-sm);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);font-size:14px;font-weight:600;cursor:pointer;position:relative;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background .3s ease,border-color .3s ease}.sub-user-toggle label:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.5)}.sub-user-toggle label::before{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:51px;height:31px;border-radius:31px;background:rgba(120,120,128,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);transition:background .3s ease}.sub-user-toggle label::after{content:"";position:absolute;right:38px;top:50%;transform:translate(0, -50%);width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06);transition:transform .3s cubic-bezier(0.3, 1.4, 0.6, 1)}.sub-user-toggle input[type=checkbox]:focus-visible+label::before{box-shadow:0 0 0 3px rgba(255,255,255,.6)}.sub-user-toggle input[type=checkbox]:checked+label,.sub-user-toggle.active label{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.5)}.sub-user-toggle input[type=checkbox]:checked+label::before,.sub-user-toggle.active label::before{background:#34c759}.sub-user-toggle input[type=checkbox]:checked+label::after,.sub-user-toggle.active label::after{transform:translate(20px, -50%)}.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 .3s ease;box-shadow:0 4px 15px rgba(255,42,85,.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 .5s ease}.glow-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,42,85,.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,.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 .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:rgba(255,255,255,.4431372549);border-radius:30px;color:var(--text-secondary);text-decoration:none;font-size:11px;font-weight:600;backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 10px rgba(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,.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,.2);font-size:13px;font-weight:500}#username_group{display:none}
