body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page-wrapper{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;color:#1f2937;overflow:hidden;background:linear-gradient(-45deg,#e5e7eb,#f3f4f6,#d1d5db,#cbd5e1);background-size:400% 400%;animation:gradientMove 15s ease infinite;padding:20px}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-container{width:100%;max-width:500px;text-align:center;position:relative;min-height:400px;display:flex;flex-direction:column;justify-content:center}.slide{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none;visibility:hidden}.slide.active{opacity:1;pointer-events:all;visibility:visible;transform:translateY(-50%) translate(0)}.slide.exit-left{opacity:0;transform:translateY(-50%) translate(-60px)}.slide.exit-right{opacity:0;transform:translateY(-50%) translate(60px)}h1.title-big{font-size:4rem;font-weight:800;margin-bottom:40px;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#9ca3af,#374151,#111827);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1.title-light{font-size:2.2rem;font-weight:300;margin-bottom:40px;letter-spacing:-.02em;background:linear-gradient(135deg,#6b7280,#374151,#111827);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-group{position:relative;max-width:380px;width:100%;margin:0 auto}.custom-input{width:100%;padding:20px 20px 20px 54px;border:1px solid transparent;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;font-size:1.15rem;color:#1f2937;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 20px -5px #0000000d,0 0 0 1px #ffffff80 inset;-webkit-appearance:none}.custom-input::placeholder{color:#9ca3af;font-weight:400}.custom-input[type=password]::placeholder{letter-spacing:2px}.custom-input:focus{outline:none;background:#fff;box-shadow:0 20px 40px -10px #0000001a,0 0 0 2px #1f2937;transform:scale(1.02)}.custom-input.input-error{box-shadow:0 20px 40px -10px #dc26261a,0 0 0 2px #dc2626;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#9ca3af;width:22px;height:22px;transition:color .3s ease;pointer-events:none}.custom-input:focus+.input-icon{color:#1f2937}.custom-input.input-error+.input-icon{color:#dc2626}.back-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;text-decoration:none;color:#6b7280;font-size:.9rem;font-weight:500;transition:all .3s ease;opacity:.7;cursor:pointer;background:none;border:none}.back-link:hover{color:#111827;transform:translate(-3px);opacity:1}.error-text{color:#dc2626;font-size:.9rem;font-weight:500;margin-top:16px;opacity:0;height:0;transition:all .3s ease;overflow:hidden}.error-text.visible{opacity:1;height:20px;transform:translateY(0)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width: 640px){.login-page-wrapper{align-items:flex-start;padding-top:15vh}h1.title-big{font-size:2.5rem;margin-bottom:30px}h1.title-light{font-size:1.8rem;margin-bottom:30px}.custom-input{padding:16px 16px 16px 48px;font-size:1rem;border-radius:12px}.input-icon{left:16px;width:20px;height:20px}}