@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4dba6d4d}50%{box-shadow:0 0 40px #4dba6d99}}.login-container{background:linear-gradient(135deg,#004c83 0%,#0066a8 50%,#4dba6d 100%);position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle,#ffe4431a 0%,#0000 70%);width:200%;height:200%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}.login-container:after{content:"";background:radial-gradient(circle,#4dba6d26 0%,#0000 70%);width:200%;height:200%;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:-50%;right:-50%}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;animation:.6s ease-out fadeInUp;overflow:hidden;box-shadow:0 8px 32px #004c8333,inset 0 0 0 1px #ffffff1a}.gradient-border{position:relative}.gradient-border:before{content:"";z-index:1;background:linear-gradient(90deg,#ffe443 0%,#4dba6d 50%,#004c83 100%) 0 0/200% 100%;height:4px;position:absolute;top:0;left:0;right:0}.logo-scale-animation{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.logo-container{animation:.8s ease-out .2s both fadeInUp}.form-container{animation:.8s ease-out .4s both fadeInUp}.login-input{border:2px solid #004c831a;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-input:hover{border-color:#4dba6d66;box-shadow:0 4px 12px #4dba6d1a}.login-input:focus,.login-input:focus-within{border-color:#4dba6d;transform:translateY(-2px);box-shadow:0 4px 20px #4dba6d33}.login-button{letter-spacing:.5px;background:linear-gradient(135deg,#004c83 0%,#4dba6d 100%);border:none;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#ffe4434d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-button:hover:before{left:100%}.login-button:hover{background:linear-gradient(135deg,#4dba6d 0%,#004c83 100%);transform:translateY(-2px);box-shadow:0 8px 24px #4dba6d66}.login-button:active{transform:translateY(0)}.title-gradient{background:linear-gradient(135deg,#004c83 0%,#4dba6d 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-weight:800}.floating-shapes{pointer-events:none;width:100%;height:100%;position:absolute;overflow:hidden}.shape{opacity:.1;animation:15s ease-in-out infinite float;position:absolute}.shape-1{background:#ffe443;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:100px;height:100px;animation-delay:0s;top:10%;left:10%}.shape-2{background:#4dba6d;border-radius:63% 37% 54% 46%/55% 48% 52% 45%;width:150px;height:150px;animation-delay:2s;top:60%;right:10%}.shape-3{background:#004c83;border-radius:41% 59%;width:80px;height:80px;animation-delay:4s;bottom:20%;left:15%}.subtitle-text{color:#6b7280;font-size:15px;font-weight:500}.icon-wrapper{color:#004c83;opacity:.6;transition:all .3s}.login-input:focus .icon-wrapper,.login-input:focus-within .icon-wrapper{opacity:1;color:#4dba6d}