@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";:root{--primary-color: #0062cc;--primary-light: #4d8fdd;--primary-dark: #004caa;--secondary-color: #6c757d;--accent-color: #00d2ff;--dark-bg: #101c3a;--light-bg: #f5f7fa;--white: #ffffff;--shadow: 0 5px 30px rgba(0, 0, 0, .1);--input-border: #e0e0e0;--highlight: #0062cc33;--disabled-bg: #f3f3f3;--disabled-text: #7a8599}body,html{height:100%;margin:0;padding:0;overflow:hidden;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:var(--light-bg);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.background-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:url(/build/assets/logo_argo-DhtrVIUM.png);background-repeat:no-repeat;background-position:center;background-size:70%;opacity:.03;filter:contrast(1.2);z-index:0;animation:subtle-float 20s ease-in-out infinite alternate}@keyframes subtle-float{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}.background-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.particle{position:absolute;background-color:#f93;border-radius:50%;opacity:.2;animation:particle-float 20s linear infinite}@keyframes particle-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.2}90%{opacity:.2}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.login-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:500px;padding:0 1rem;position:relative;z-index:1}.login-form-container{width:100%;padding:2.5rem;background-color:#fffffff2;border-radius:14px;box-shadow:0 10px 40px #0000001f,0 1px 3px #00000014;animation:fadeInUp .6s ease-out forwards;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.8)}.email-field-container{display:flex;align-items:center;position:relative;width:100%;background-color:#fffc;border-radius:10px;border:1px solid var(--input-border);overflow:hidden;transition:all .3s}.email-field-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--highlight);background-color:#fff}.username-prefix{flex:1 1 auto;width:100%;border:none;border-radius:10px 0 0 10px;padding-right:0;background:transparent;height:52px;padding-left:15px;font-size:1rem;outline:none;box-shadow:none}.username-prefix:focus{box-shadow:none;border:none}.email-domain{flex:0 0 auto;padding:0 15px 0 3px;color:var(--disabled-text);font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;display:flex;align-items:center;height:52px;background-color:var(--disabled-bg);border-left:1px dashed var(--input-border);white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{text-align:center;margin-bottom:1.5rem;position:relative}.logo-container:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:40px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px}.logo{width:200px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.login-title{font-size:1.8rem;color:var(--dark-bg);font-weight:600;margin-bottom:1.8rem;text-align:center;letter-spacing:-.5px}.login-form label{font-weight:500;color:var(--secondary-color);margin-bottom:8px;font-size:.95rem;display:flex;align-items:center;gap:6px;transition:all .3s}.login-form label i{color:var(--primary-color)}.input-group-animated{position:relative}.input-group-animated:focus-within label{color:var(--primary-color)}.input-highlight{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:all .3s ease;opacity:0}.input-group-animated:focus-within .input-highlight{width:100%;left:0;opacity:1}.form-control{height:52px;border-radius:10px;border:1px solid var(--input-border);transition:all .3s;padding-left:15px;font-size:1rem;background-color:#fffc}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--highlight);background-color:#fff}.password-input-group{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--secondary-color);cursor:pointer;padding:0;font-size:1.1rem;z-index:2}.password-toggle:focus{outline:none;box-shadow:none}.password-toggle:hover{color:var(--primary-color)}.custom-checkbox .form-check-input{width:18px;height:18px;margin-top:.25em;background-color:#fff;border:1px solid var(--input-border);border-radius:4px;cursor:pointer}.custom-checkbox .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox .form-check-label{padding-left:6px;cursor:pointer;font-size:.9rem}.login-btn{height:52px;background:linear-gradient(45deg,var(--primary-color),#0052cc);border:none;border-radius:10px;font-weight:500;font-size:1rem;transition:all .3s;display:flex;align-items:center;justify-content:center;width:100%;margin-top:1.5rem;position:relative;overflow:hidden;color:#fff;letter-spacing:.3px}.btn-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffffff1a,#fff3);transform:translateY(100%);transition:transform .3s ease}.login-btn:hover{background:linear-gradient(45deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 15px #0052cc4d}.login-btn:hover .btn-hover-effect{transform:translateY(0)}.login-btn:active{transform:translateY(0);box-shadow:0 2px 5px #0052cc4d}.login-btn i{transition:transform .3s ease}.login-btn:hover i{transform:translate(4px)}.login-footer{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:10px}.security-badge{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--secondary-color);font-size:.85rem}.security-badge i{color:var(--primary-light);font-size:.9rem}.tech-label{margin:0;font-size:.85rem;color:var(--secondary-color)}.copyright{font-size:.75rem;color:#999;margin:0}@media (max-width: 576px){.login-form-container{padding:2rem 1.5rem}}