*{box-sizing:border-box}body,html{margin:0;padding:0;height:100vh;width:100vw;font-family:Inter,system-ui,-apple-system,sans-serif;background:#002b43;color:#fff;overflow:hidden}.login-page{height:100vh;width:100vw;display:grid;grid-template-columns:480px 1fr;overflow:hidden;background:#002b43}.login-left{background:#004266;border-right:1px solid rgba(0,168,255,.25);display:flex;flex-direction:column;padding:40px 48px;overflow-y:auto;position:relative;z-index:10;scrollbar-width:none;-ms-overflow-style:none}.login-left::-webkit-scrollbar{display:none}.login-logo{display:flex;align-items:center;gap:12px;cursor:pointer;color:#fff;margin-bottom:40px;width:fit-content;text-decoration:none}.login-logo img{width:32px;height:32px;object-fit:contain}.login-logo span{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;color:#fff}.login-form-container{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:380px;margin:0 auto;width:100%}.login-form-container h2{font-size:2rem;font-weight:800;letter-spacing:-.5px;color:#fff;margin-bottom:6px}.login-subtitle{color:#a2c4dd;font-size:.95rem;margin-bottom:28px}.auth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .25s ease}.auth-btn-secondary{background:#003b5c;border:1px solid #0088cc;color:#fff}.auth-btn-secondary:hover{border-color:#38c0ff;background:#00446a}.auth-btn-tertiary{background:transparent;border:1px solid rgba(0,168,255,.4);color:#a2c4dd}.auth-btn-tertiary:hover{border-color:#38c0ff;color:#fff;background:#38c0ff1a}.auth-divider{display:flex;align-items:center;gap:16px;margin:4px 0 24px;color:#a2c4dd;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#00a8ff40}.login-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.85rem;font-weight:600;color:#a2c4dd}.field-label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:.8rem;color:#38c0ff;text-decoration:none;transition:color .2s}.forgot-link:hover{text-decoration:underline}.form-field input{width:100%;padding:12px 14px;background:#00273d;border:1px solid #0088cc;border-radius:8px;color:#fff;font-size:.95rem;transition:border-color .2s,box-shadow .2s;outline:none}.form-field input::placeholder{color:#648ca8}.form-field input:focus{border-color:#38c0ff;box-shadow:0 0 15px #38c0ff4d}.password-wrapper{position:relative}.password-wrapper input{padding-right:42px}.toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a2c4dd;cursor:pointer;padding:4px;display:flex;align-items:center}.toggle-pw:hover{color:#fff}.btn-primary{background:#38c0ff;color:#fff;border:none;font-weight:700;box-shadow:0 4px 16px #38c0ff66;transition:all .2s ease}.btn-primary:hover{background:#00a6ff;transform:translateY(-1px)}.btn-full{width:100%;padding:12px;font-size:1rem;border-radius:10px;cursor:pointer}.signup-link{font-size:.85rem;color:#a2c4dd;text-align:center;margin-top:12px}.signup-link a{color:#38c0ff;text-decoration:none;font-weight:600}.signup-link a:hover{text-decoration:underline}.terms-text{font-size:.75rem;color:#648ca8;text-align:center;line-height:1.6;margin-top:28px}.terms-text a{color:#a2c4dd;text-decoration:underline}.login-right{position:relative;background:#002b43;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,192,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,192,255,.07) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.login-quote-container{position:relative;z-index:2;max-width:540px;padding:40px}.quote-mark{font-size:110px;font-family:Georgia,serif;line-height:1;color:#38c0ff;opacity:.4;-webkit-user-select:none;user-select:none;margin-bottom:-24px}blockquote{font-size:1.65rem;font-weight:700;line-height:1.5;letter-spacing:-.4px;color:#fff;border:none;padding:0;margin:0 0 32px}.quote-author{display:flex;align-items:center;gap:16px}.quote-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#38c0ff,#08c);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 0 20px #38c0ff66}.quote-author div{display:flex;flex-direction:column;gap:2px}.quote-author strong{font-size:1rem;font-weight:700;color:#fff}.quote-author span{font-size:.85rem;color:#a2c4dd}@media (max-width: 840px){.login-page{grid-template-columns:1fr}.login-right{display:none}.login-left{padding:32px 24px}}