@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=DM+Sans:wght@300;400;500&display=swap";
*{box-sizing:border-box;margin:0;padding:0}.login-root{justify-content:right;align-items:center;width:100%;min-height:100vh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:fixed;inset:0}.login-bg img{object-fit:contain;width:100%;height:100%;display:block}.login-bg-overlay{background:linear-gradient(135deg,#080e23a6 0%,#00466e80 100%);position:absolute;inset:0}.login-logo{z-index:10;align-items:center;gap:11px;display:flex;position:fixed;top:36px;left:48px}.login-logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.login-logo-icon svg{stroke:#fff;fill:none;stroke-width:1.8px;width:18px;height:18px}.login-logo-name{letter-spacing:.1em;text-transform:uppercase;color:#fff;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:600}.login-tagline{z-index:10;color:#fff9;letter-spacing:.06em;font-size:.78rem;font-weight:300;position:fixed;bottom:40px;left:48px}.login-card{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(160%);background:#ffffff1a;border:1px solid #ffffff38;border-radius:20px;width:100%;max-width:520px;margin:20px;padding:48px 44px 40px;animation:.55s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;box-shadow:0 8px 40px #00000059,inset 0 1px #ffffff40}@keyframes cardIn{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.form-heading{margin-bottom:32px}.form-heading h2{color:#fff;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:600;line-height:1.15}.form-divider{background:linear-gradient(90deg,#7dd3f0,#7dd3f04d);border-radius:2px;width:100px;height:3px;margin:12px 0 10px}.form-heading p{color:#fff9;font-size:1.2rem;font-weight:300}.input-group{flex-direction:column;gap:16px;margin-bottom:14px;display:flex}.input-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;margin-bottom:7px;font-size:.9rem;font-weight:500;display:block}.input-wrap{position:relative}.input-icon{stroke:#ffffff80;fill:none;stroke-width:1.8px;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;outline:none;width:100%;padding:16px 16px 16px 46px;font-family:DM Sans,sans-serif;font-size:1.2rem;transition:border-color .2s,box-shadow .2s,background .2s}.login-input::placeholder{color:#ffffff59}.login-input:focus{background:#ffffff26;border-color:#7dd3f0b3;box-shadow:0 0 0 3px #7dd3f026}.toggle-password{cursor:pointer;color:#fff6;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.toggle-password:hover{color:#fffc}.toggle-password svg{stroke-width:1.5px;width:20px;height:20px}.forgot-row{justify-content:flex-end;margin:8px 0 22px;display:flex}.forgot-link{color:#7dd3f0e6;font-size:.78rem;font-weight:400;text-decoration:none;transition:opacity .2s}.forgot-link:hover{opacity:.7}.error-msg{color:#fca5a5;background:#dc262626;border:1px solid #fca5a54d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:1.2rem}.login-btn{letter-spacing:.06em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#0066a4 0%,#004f82 100%);border:1px solid #7dd3f040;border-radius:10px;width:100%;padding:13px;font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:500;transition:opacity .2s,transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0066a473}.login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 26px #0066a499}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn-shine{background:linear-gradient(105deg,#0000 35%,#ffffff1a 50%,#0000 65%);position:absolute;inset:0}.spinner{vertical-align:middle;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{color:#fff6;text-align:center;margin-top:24px;font-size:1rem;line-height:1.7}.form-footer a{color:#7dd3f0cc;text-decoration:none}.form-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:36px 28px 32px}.login-logo{top:24px;left:24px}.login-tagline{display:none}}