body{margin:0;padding:0;overflow-x:hidden}.container{width:100vw;min-height:100vh;display:flex;overflow-y:auto;position:relative;align-items:center;justify-content:center;padding:16px;background:transparent;z-index:1}.video-background{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none;background:#f5f5f5;filter:brightness(.4) contrast(.9);will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .3s ease}.video-background:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:0;pointer-events:none}.form-container{width:100%;max-width:480px;padding:1rem;display:flex;position:relative;border-radius:16px;flex-direction:column;background-color:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;gap:1.5rem;z-index:1;box-shadow:0 8px 32px #00000040,0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.2)}.form-container .form-header{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.form-header .form-logos{display:flex;flex-direction:column;align-items:center;gap:1rem}.form-header .form-logos img{width:clamp(80px,25vw,120px);height:auto}.form-description h1{color:#1f2937;font-weight:600;margin-bottom:.5rem}.form-description p{font-weight:400;font-size:clamp(.9rem,2vw,1rem);color:#4b5563;line-height:1.6}.form-login{display:flex;flex-direction:column;gap:1.5rem}.form-inputgroup{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group a{align-self:flex-end;text-decoration:none;font-size:1rem}.input-group a:hover{color:var(--accent)}.input-container{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;border:1px solid #374151;background-color:#ffffffe6;transition:border-color .2s ease,box-shadow .2s ease}.input-container:focus-within{border-color:var(--contrast, #f59e0b);box-shadow:0 0 0 3px #f59e0b1a;background-color:#fff}.input-container input{width:100%;border:none;outline:none;font-size:1.1rem;color:#1f2937;background:transparent}.input-container input::placeholder{color:#9ca3af}.button{width:100%;border:none;font-weight:700;padding:1rem;border-radius:8px;font-size:1rem;cursor:pointer}.error-message{display:block;color:#dc2626;font-size:.875rem;margin-top:.25rem;font-weight:500}.input-error{border-color:#dc2626!important;background-color:#fef2f2!important}.input-error:focus-within{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.form-container{padding:2rem;gap:2rem}.form-header .form-logos{flex-direction:row;justify-content:space-between;width:100%}}