.login-page{background:linear-gradient(135deg,ivory 0%,#fff8dc 50%,linen 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.background-decorations{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob{filter:blur(60px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.blob-1{background:linear-gradient(135deg,#fff8dc,#f5e6d3);width:400px;height:400px;animation-delay:0s;top:-10%;left:-10%}.blob-2{background:linear-gradient(135deg,linen,#faebd7);width:350px;height:350px;animation-delay:-7s;bottom:-10%;right:-10%}.blob-3{background:linear-gradient(135deg,#fff5ee,bisque);width:300px;height:300px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.glass-card{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:10;background:#ffffff40;border:1px solid #ffffff80;border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2rem;animation:.6s ease-out cardSlideIn;position:relative;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fffc,inset 0 -1px #0000000d}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-header{text-align:center;margin-bottom:2rem}.card-title{color:#2c2416;letter-spacing:-.5px;margin:0 0 .5rem;font-size:2rem;font-weight:700}.card-subtitle{color:#6b5d48;margin:0;font-size:.938rem;font-weight:400}.login-form{flex-direction:column;gap:1rem;display:flex}.input-group{width:100%;position:relative}.input-icon{color:#6b5d48;pointer-events:none;z-index:2;width:20px;height:20px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-icon svg{stroke-width:2px;width:100%;height:100%}.glass-input{color:#2c2416;-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff6;border-radius:14px;outline:none;width:100%;padding:1rem 1rem 1rem 3rem;font-family:inherit;font-size:.938rem;transition:all .3s;box-shadow:0 2px 8px #0000000d,inset 0 1px 2px #ffffff80}.glass-input::placeholder{color:#a0826d;opacity:.8}.glass-input:hover{background:#ffffff59;border-color:#fff9}.glass-input:focus{background:#fff6;border-color:#fffc;box-shadow:0 4px 12px #00000014,0 0 0 3px #ffffff4d,inset 0 1px 2px #fff9}.glass-input:disabled{opacity:.6;cursor:not-allowed}.forgot-password{text-align:right;margin-top:-.25rem}.forgot-password a{color:#6b5d48;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password a:hover{color:#2c2416;text-decoration:underline}.error-message{-webkit-backdrop-filter:blur(10px);color:#991b1b;background:#dc26261a;border:1px solid #dc262633;border-radius:12px;padding:.875rem 1rem;font-size:.875rem;font-weight:500;animation:.4s errorShake}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-button{color:#2c2416;cursor:pointer;background:linear-gradient(135deg,ivory 0%,#fff8dc 100%);border:1.5px solid #fff9;border-radius:14px;outline:none;width:100%;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000d,inset 0 1px #fffc}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#fff 0%,ivory 100%);border-color:#fffc;transform:translateY(-2px);box-shadow:0 6px 20px #0000001f,0 4px 8px #00000014,inset 0 1px #ffffffe6}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 2px 4px #0000001a}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.glass-card{border-radius:20px;max-width:380px;padding:2rem 1.5rem}.card-title{font-size:1.75rem}.blob{filter:blur(40px)}.blob-1{width:300px;height:300px}.blob-2{width:250px;height:250px}.blob-3{width:200px;height:200px}}@media (max-width:480px){.login-page{padding:1rem}.glass-card{border-radius:18px;max-width:100%;padding:1.75rem 1.25rem}.card-title{font-size:1.5rem}.card-subtitle{font-size:.875rem}.glass-input{border-radius:12px;padding:.875rem .875rem .875rem 2.75rem;font-size:.875rem}.input-icon{width:18px;height:18px;left:.875rem}.login-button{border-radius:12px;padding:.875rem;font-size:.938rem}.forgot-password a{font-size:.813rem}.error-message{border-radius:10px;padding:.75rem .875rem;font-size:.813rem}.blob{filter:blur(30px)}.blob-1{width:200px;height:200px}.blob-2{width:180px;height:180px}.blob-3{width:150px;height:150px}}@media (max-width:360px){.glass-card{padding:1.5rem 1rem}.card-title{font-size:1.375rem}}.glass-input:focus-visible{outline-offset:2px;outline:2px solid ivory}.login-button:focus-visible{outline-offset:2px;outline:2px solid #2c2416}a:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #6b5d48}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blob{animation:none}}@media (prefers-contrast:high){.glass-card{border:2px solid #2c2416}.glass-input{border:2px solid #6b5d48}.login-button{border:2px solid #654321}}@media (prefers-color-scheme:dark){.login-page{background:linear-gradient(135deg,#1a1410 0%,#2c2416 50%,#3d3427 100%)}.glass-card{background:#2c241666;border-color:#8b73554d}.card-title{color:linen}.card-subtitle{color:#d4c5b0}.glass-input{color:linen;background:#ffffff1a;border-color:#8b73554d}.glass-input::placeholder{color:#a0826d}.input-icon{color:#d4c5b0}.blob-1{background:linear-gradient(135deg,#3d3427,#4a3f2e)}.blob-2{background:linear-gradient(135deg,#2c2416,#3d3427)}.blob-3{background:linear-gradient(135deg,#4a3f2e,#5a4d35)}}