.card_holder{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-image:url(./landPageBackground_amtz.DlVJ9-xb.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#1f7398;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.card_holder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);animation:float 6s ease-in-out infinite}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:var(--form-width, 400px);gap:2rem;background:rgba(2/20px);-webkit-backdrop-filter:blur(20px);border-radius:30px;border:1px solid rgba(255,255,255,.2);padding:3rem 2rem;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3,0 0 0 1px #ffffff0d;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.login-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.05),transparent);animation:rotate 20s linear infinite;pointer-events:none}.welcome-text{font-size:var(--welcome-font-size, 2rem);color:#fff;text-align:center;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.form-section{display:flex;flex-direction:column;width:100%;gap:1.5rem}.email-field,.password-field{display:flex;align-items:center;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:0 20px;width:100%;box-sizing:border-box;min-height:var(--input-height, 50px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.email-field:before,.password-field:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.email-field:hover:before,.password-field:hover:before{left:100%}.email-field:hover,.password-field:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.email-field:focus-within,.password-field:focus-within{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 25px #00000026,0 0 0 1px #ffffff1a}.icon{color:#fffc;font-size:var(--icon-size, 24px);margin-right:15px;flex-shrink:0;transition:all .3s ease}.password-toggle{cursor:pointer;transition:color .3s ease}.password-toggle:hover{color:#fff;transform:scale(1.1)}.styled-input{background:transparent;border:none;outline:none;width:100%;font-size:clamp(14px,2.5vw,16px);color:#ffffffe6;flex-grow:1;padding:10px 0;position:relative;z-index:1}.styled-input::placeholder{color:#fff9;opacity:1}.form-actions{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:1rem}.forgot-password{color:#fffc;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;font-size:clamp(12px,2vw,14px)}.forgot-password:hover{color:#fff;border-bottom-color:#fff9;text-shadow:0 0 10px rgba(255,255,255,.3)}.button{background-color:#2cb6b6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.sign-in-button{background:linear-gradient(135deg,#fff3,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-weight:600;min-width:var(--button-width, 120px);border-radius:25px;text-transform:none;font-size:clamp(12px,2vw,14px);height:45px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.sign-in-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.sign-in-button:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.sign-in-button:hover:before{left:100%}.sign-in-button:active{transform:translateY(0)}.sign_up_helper{font-size:clamp(12px,2vw,14px);color:#fffc;text-align:center;margin-top:1rem}.email-link{color:#ffffffe6;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);margin-left:5px;transition:all .3s ease}.email-link:hover{color:#fff;border-bottom-color:#fffc;text-shadow:0 0 10px rgba(255,255,255,.3)}@media (max-width: 480px){.card_holder{padding:15px}.login-container{gap:1.5rem}.form-section{gap:1rem}.form-actions{flex-direction:column;align-items:stretch}.sign-in-button{width:100%;margin-top:.5rem}}@media (min-width: 481px) and (max-width: 768px){.login-container{max-width:450px}}@media (min-width: 769px){.login-container{max-width:500px}}@media (min-width: 1200px){.card_holder{justify-content:flex-end;align-items:flex-end;padding:40px 30px 20px 60px}.welcome-text{font-size:3rem}.login-container{max-width:500px;max-height:440px;gap:3rem}}.custom-ios-alert-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;display:flex;align-items:center;justify-content:center;z-index:9999}.custom-ios-alert{background:#fff9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:20px 24px;border-radius:14px;box-shadow:0 4px 20px #0003;width:280px;text-align:center;color:#000}.custom-ios-alert .alert-header{font-size:18px;font-weight:600;margin:0 0 8px}.custom-ios-alert .alert-message{font-size:14px;margin-bottom:16px}.custom-ios-alert .alert-button{font-size:16px;color:#007aff;background:transparent;border:none;outline:none;font-weight:600;padding:6px 12px;cursor:pointer}@media (orientation: landscape) and (max-height: 600px){.card_holder{min-height:100vh;padding:10px}.login-container{gap:1rem}.form-section{gap:.8rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.welcome-text{text-shadow:1px 1px 2px rgba(0,0,0,.5)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}