@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--bl900: #1B1B1B;--bl700: #484848;--bl500: #767676;--bl300: #A4A4A4;--bl200: #D2D2D2;--sk500: #EBEBEB;--sk400: #EFEFEF;--sk300: #F3F3F3;--sk200: #F7F7F7;--sk100: #FBFBFB;--cy900: #37A1DD;--cy700: #5FB2E4;--cy400: #86C6EA;--cy200: #AFD9F1;--cy100: #D8EBF9;--re900: #FFD101;--re700: #FFDA34;--re400: #FFE366;--re200: #FEEB9C;--re100: #FEF5CC;--glass-border: rgba(255, 255, 255, .25);--shadow: 0 8px 32px rgba(0, 0, 0, .1);--transition: all .3s ease;--mco: #1e3a8a;--bg0: #FFF6C8;--bg1: #FFF6C8;--bg2: #FFEF99;--ff_P:"Poppins",segoe ui;--ff_R:"Rubik",segoe ui;--F:#fff;--0:#000;--D:#ddd;--success:#3cd741;--error:#ff3849;--warning:#F9A825;--info:#00a8e6}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{display:flex;justify-content:center;align-items:center;padding:20px;background:#ebf6ff}.container{position:relative;width:100%;max-width:450px;margin-top:2rem}.form-container{background:var(--sk100);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:40px;box-shadow:var(--shadow);border:1px solid var(--glass-border);transition:var(--transition);position:absolute;top:0;left:0;width:100%}.logo{text-align:center;margin-bottom:15px;transform:scale(1);transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo img{max-width:80px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.form-title{color:var(--mco);text-align:center;margin-bottom:30px;font:600 28px/1 Poppins,sans-serif}.form-title span{color:var(--re900);position:relative}.form-title span:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(to right,var(--re900),var(--re200));border-radius:2px}.input-group{position:relative;margin-bottom:25px}.input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--mco);font-size:18px;pointer-events:none;transition:var(--transition)}.input-icon.left{left:15px}.input-field{width:100%;padding:15px 45px;border:1px solid var(--sk400);background:var(--sk200);border-radius:10px;color:var(--mco);font-size:16px;transition:var(--transition)}.input-field:focus{background:var(--sk100);border-color:var(--re400);box-shadow:0 0 0 3px #ffd10133;outline:none}.input-field:focus+.input-icon.left{color:var(--re900)}.toggle-password{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;color:var(--mco);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.toggle-password:hover{background:var(--sk300);color:var(--re900)}.checkbox-container{display:flex;align-items:center;margin-bottom:20px;color:var(--mco)}.checkbox-container input{margin-right:10px;accent-color:var(--re900)}.btn{width:100%;padding:15px;border:none;border-radius:10px;background:linear-gradient(to right,var(--re900),var(--re700));color:var(--bl900);font:600 16px Poppins,sans-serif;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #ffd1014d}.btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffd10166;background:linear-gradient(to right,var(--re700),var(--re900))}.btn:active{transform:translateY(0)}.form-footer{text-align:center;margin-top:20px;display:flex;justify-content:space-around}.form-footer a{color:var(--cy900);text-decoration:none;font:500 14px Poppins,sans-serif;transition:var(--transition);display:inline-flex;align-items:center;position:relative}.form-footer a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--cy900);transition:var(--transition)}.form-footer a:hover:after{width:100%}.form-footer a:hover{color:var(--cy700)}.form-footer a i{margin-right:8px}.close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--sk300);border:none;border-radius:50%;color:var(--mco);cursor:pointer;transition:var(--transition)}.close-btn:hover{background:var(--sk400);color:var(--re900);transform:rotate(90deg)}.date-field::-webkit-calendar-picker-indicator{position:absolute;right:17px;width:20px;height:20px;padding:0;margin:0;filter:invert(.3) sepia(1) saturate(5) hue-rotate(175deg);cursor:pointer;transition:var(--transition)}.date-field::-webkit-calendar-picker-indicator:hover{filter:invert(80%) sepia(40%) saturate(1022%) hue-rotate(358deg) brightness(102%) contrast(105%)}.uptx{color:var(--mco);padding:.5vh .5vh 1vh 0;font-size:14px}.login-form{z-index:2;opacity:1;transform:translateY(0);transition:var(--transition)}.recovery-form,.upd-form{z-index:1;opacity:0;transform:translateY(20px);transition:var(--transition);pointer-events:none}.recovery-form.active,.upd-form.active{z-index:3;opacity:1;transform:translateY(0);pointer-events:all}.login-form.hidden{z-index:1;opacity:0;transform:translateY(-20px);pointer-events:none}@keyframes pulse{0%{box-shadow:0 0 #ffd10166}70%{box-shadow:0 0 0 10px #ffd10100}to{box-shadow:0 0 #ffd10100}}@media (max-width: 480px){.form-container{padding:30px 20px}.form-title{font-size:24px}.input-field{padding:12px 40px;font-size:14px}}.loadingLogin{position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--cy700),var(--re700));animation:loading 1.5s infinite}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}