*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Arial,sans-serif;background:var(--background-color);color:var(--foreground-color)}:root{--primary-color: #0a5751;--secondary-color: #044384;--accent-color: #16bec2;--background-color: #ffffff;--foreground-color: #1a1a1a;--muted-color: #6b7280;--border-color: #e5e7eb;--card-background: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}.container{display:flex;min-height:100vh}.login-image{flex:1.2;background-repeat:no-repeat;background-position:center center;background-size:cover;display:none}.login-image{position:relative}.login-image:after{content:"";position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25),transparent);pointer-events:none}.login-logo{width:220px;margin-bottom:4rem}.login-container{display:flex;justify-content:center;align-items:center;background:var(--card-background);box-shadow:var(--shadow-lg);padding:2rem}.login-card{width:clamp(320px,30%,500px);padding:2rem;background:var(--card-background);text-align:center}.login-card h2{margin-bottom:1.5rem;color:var(--primary-color)}.form-group{text-align:left;margin-bottom:1rem}.form-group label{font-size:.9rem;font-weight:700;color:var(--foreground-color)}.form-group input{width:100%;padding:.75rem;margin-top:.25rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem}.btn-login{width:100%;padding:.75rem;margin-top:1rem;background:var(--primary-color);color:#fff!important;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:.3s}.btn-login:hover{background:#0a4a45}.error{color:red;font-size:.8rem;margin-top:.25rem}.vintech{margin-top:1.5rem;font-size:.8rem;color:var(--muted-color)}.vintech a{color:var(--secondary-color);text-decoration:none}.vintech a:hover{text-decoration:underline}@media (min-width: 768px){.login-image{display:block}.container{flex-direction:row}}@media (max-width: 767px){.container{flex-direction:column;justify-content:center;align-items:center}.login-container{box-shadow:none;padding:1.5rem}}