@media screen{:root{font-size:19px;line-height:1.5;color:#000;font-family:SegoeUI;--scrollbar_background:#726759;--scrollbar_color:#2D2924;--basic_color:#334338;--gradient_color1:#3b4e41;--gradient_color2:#344338;--titleA_color:#756a58;--titleB_color:#817461;--guideline_color:#817461;--guideline_shadow_color:#4a4745;--password_hover:#817641;--copyright_color:#9d8e78;--copyright_company_color:#817461}*{margin:0;padding:0;box-sizing:border-box}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:transparent!important;-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:inherit;transition:background-color 5000s ease-in-out 0s}input[type=email],input[type=password],input[type=text]{background:#fff}body,html{background:var(--basic_color);-moz-user-select:none;-webkit-user-select:none;user-select:none}body{font-family:Standard;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:450px;margin-bottom:2rem}.login-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3)}.copyright{display:block;width:100%;font-family:RobotoLatin-300;font-size:.7rem;color:var(--copyright_color);padding:10px 0;text-align:right}.card-header{background:linear-gradient(135deg,var(--gradient_color1) 0,var(--gradient_color2) 100%);padding:40px 30px;text-align:center;color:#fff;position:relative;overflow:hidden}.logo{display:grid;grid-template-columns:auto auto;width:12.5rem;margin:0 auto;z-index:1}.titleA,.titleB{font-size:3rem;font-family:BeyondTheMountains;color:var(--titleA_color);text-shadow:0 -1px 1px #f1d9b6,0 1px 1px #000,2px 8px 12px #000;grid-column:1}.titleB{color:var(--titleB_color);grid-column:2;z-index:2}.subtitle{font-family:Betterlett-Regular;font-size:1.4rem;color:var(--guideline_color);letter-spacing:normal;margin-top:-.5rem;text-shadow:0 1px 0 var(--guideline_shadow_color);z-index:1}.font-company{font-family:BeyondTheMountains;white-space:nowrap;-webkit-white-space:nowrap;font-weight:400;letter-spacing:.5px;font-size:1em;color:var(--copyright_company_color)}.card-body{padding:40px 30px}.alert{padding:15px;border-radius:8px;margin-bottom:25px;font-size:14px;animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#fee;color:#d22c2c;border:1px solid #ffc0c0}.alert-success{background:#efe;color:#363;border:1px solid #cfc}.input-group{position:relative;margin-bottom:30px}.form-input{width:100%;padding:16px 20px;border:2px solid #f0f0f0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fafafa;outline:0}.password-input{padding-right:55px}.form-input:focus{border-color:var(--basic_color);background:#fff}.form-input::placeholder{color:#999;font-weight:400}.password-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:#999;font-size:20px;padding:5px;transition:color .3s ease;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:6px}.password-toggle:hover{color:var(--basic_color);background:rgba(51,67,56,.1)}.password-toggle:focus{outline:0;color:var(--basic_color)}.login-btn{font-family:RobotoLatin;width:15rem;padding:14px 18px;background:linear-gradient(135deg,var(--gradient_color1) 0,var(--gradient_color2) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin:10px 0 25px 0;position:relative;overflow:hidden}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(51,67,56,.3)}.login-btn:active{transform:translateY(0)}.login-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-btn:hover::before{left:100%}.forgot-password{font-family:RobotoLatin-300;display:block;text-align:center;color:var(--basic_color);text-decoration:none;font-size:.8rem;transition:all .3s ease;position:relative;margin-top:1rem}.forgot-password:hover{color:var(--password_hover)}.forgot-password::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:.5px;background:var(--basic_color);transition:all .3s ease;transform:translateX(-50%)}.forgot-password:hover::after{width:100%}.navigation-ancore,.navigation-button{display:none}.traffic-light{width:2rem;height:2rem;border-radius:50%;border:2px solid #696564;box-shadow:0 0 10px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2);position:absolute;top:10px;left:10px;z-index:9}.traffic-light::before{content:'';position:absolute;top:15%;left:25%;width:50%;height:30%;background:rgba(255,255,255,.4);border-radius:50%;filter:blur(1px)}.red{background:radial-gradient(circle at 30% 30%,#f44,#c00,#820000)}.green{background:radial-gradient(circle at 30% 30%,#4f4,#0c0,#090)}}@media (max-width:480px){:root{font-size:16px}body{padding:20px}.logo{width:12rem}.login-card{border-radius:15px}.card-header{padding:30px 20px}.card-body{padding:30px 20px}.titleA,.titleB{font-size:2.8rem}.subtitle{font-size:1.6rem}.forgot-password{font-size:.9rem}.traffic-light{left:17px}}