.login-page{background:radial-gradient(circle at 88% 12%,#7c7cff38,#0000 36%),linear-gradient(135deg,#eae0ce 0%,#f4edde 50%,#efe7d7 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border:1px solid #002e3333;border-radius:12px;grid-template-columns:1fr 1fr;width:100%;max-width:900px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #002e332e}.login-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#002e33,#7c7cff);border-radius:12px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-form-section{background-color:#fff;flex-direction:column;justify-content:center;padding:40px;display:flex}.login-logo{object-fit:contain;filter:invert()contrast(200%)drop-shadow(0 10px 24px #00000047);width:240px;height:auto}.login-form-logo{width:190px;height:auto;margin-bottom:14px}.login-gradient-section{color:#fff;text-align:center;background:linear-gradient(140deg,#002e33 0%,#014c55 52%,#7c7cff 100%);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.login-header{margin-bottom:30px}.login-header h1{color:#002e33;margin-bottom:10px;font-size:28px;font-weight:700}.login-header p{color:#34555a;font-size:14px}.form-field{margin-bottom:20px}.form-field label{color:#214a4f;margin-bottom:8px;font-size:14px;display:block}.input-wrapper{position:relative}.input-wrapper input{color:#002e33;background-color:#fffdfa;border:1px solid #bfd3d6;border-radius:6px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.input-wrapper input:focus{border-color:#7c7cff;outline:none;box-shadow:0 0 0 2px #7c7cff33}.password-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.password-header button{color:#7c7cff;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#002e33,#004a52);border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px;font-weight:600;transition:all .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #002e3352}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-alert{color:#ff5757;background-color:#ff57571a;border-left:3px solid #ff5757;border-radius:4px;align-items:center;margin-bottom:20px;padding:12px;display:flex}.error-icon{margin-right:10px}.security-box{border-top:1px solid #d9e3d0;margin-top:30px;padding-top:20px}.security-item{margin-bottom:15px}.security-title{color:#214a4f;align-items:center;margin-bottom:5px;font-size:13px;font-weight:600;display:flex}.warning-icon{margin-right:8px}.security-item p{color:#48656a;font-size:12px}.signup-prompt{text-align:center;color:#34555a;margin-top:20px;font-size:14px}.signup-prompt button{color:#7c7cff;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}@media (max-width:768px){.login-card{grid-template-columns:1fr}.login-gradient-section{display:none}.login-form-section{order:1}}