.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1e3c,#2d3250);padding:20px}.login-card{position:relative;width:100%;max-width:900px;display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;box-shadow:0 0 20px rgba(255,230,0,.3)}.login-card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#ffcc00,#00b894);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-form-section{background-color:#1a1e3c;padding:40px;display:flex;flex-direction:column;justify-content:center}.login-logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.login-gradient-section{background:linear-gradient(135deg,#00b894,#c6e61d 50%,#ffcc00);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;color:white;text-align:center}.login-header{margin-bottom:30px}.login-header h1{font-size:28px;font-weight:700;margin-bottom:10px;color:white}.login-header p{color:#a0a0b8;font-size:14px}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:8px;font-size:14px;color:#a0a0b8}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:12px 16px;border-radius:6px;border:1px solid #2d3250;background-color:#252a48;color:white;font-size:14px;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 2px rgba(0,184,148,.2)}.password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.password-header button{background:none;border:none;color:#00b894;font-size:12px;cursor:pointer;padding:0}.login-button{width:100%;padding:12px;border-radius:6px;border:none;background:linear-gradient(90deg,#00b894,#c6e61d);color:white;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,184,148,.3)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-alert{background-color:rgba(255,87,87,.1);border-left:3px solid #ff5757;padding:12px;margin-bottom:20px;border-radius:4px;display:flex;align-items:center;color:#ff5757}.error-icon{margin-right:10px}.security-box{margin-top:30px;border-top:1px solid #2d3250;padding-top:20px}.security-item{margin-bottom:15px}.security-title{display:flex;align-items:center;margin-bottom:5px;color:#a0a0b8;font-weight:600;font-size:13px}.warning-icon{margin-right:8px}.security-item p{color:#7a7a9d;font-size:12px}.signup-prompt{margin-top:20px;text-align:center;color:#a0a0b8;font-size:14px}.signup-prompt button{background:none;border:none;color:#00b894;font-weight:600;cursor:pointer;padding:0}@media (max-width:768px){.login-card{grid-template-columns:1fr}.login-gradient-section{display:none}.login-form-section{order:1}}