.login-page{background:#f9fafb;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.login-card{background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;width:100%;max-width:420px;padding:2.5rem;display:flex;box-shadow:0 10px 25px #00000014}.login-header{text-align:center;margin-bottom:1.5rem}.login-title{color:#111827;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:#6b7280;font-size:.95rem}.login-form{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#111827;font-size:.9rem;font-weight:500}.form-input{color:#111827;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-row{align-items:center;display:flex}.form-row.between{justify-content:space-between}.checkbox-label{color:#111827;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.checkbox-label input{accent-color:#3b82f6;width:16px;height:16px}.btn{cursor:pointer;border-radius:8px;width:100%;padding:.9rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary{color:#111827;background:#60a5fa;border:none}.btn-primary:hover{color:#fff;background:#3b82f6}.btn-outline{color:#111827;background:#fff;border:1px solid #d1d5db;justify-content:center;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.btn-outline:hover{background:#f3f4f6}.google-icon{width:20px;height:20px}.separator{text-align:center;margin:2rem 0;position:relative}.separator span{color:#6b7280;z-index:1;background:#fff;padding:0 .75rem;font-size:.85rem;position:relative}.separator:before{content:"";background:#e5e7eb;width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.login-footer{text-align:center;color:#6b7280;margin-top:.5rem;font-size:.95rem}.link-button{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:500;transition:color .2s}.link-button:hover{color:#2563eb}@media (max-width:480px){.login-card{padding:1.75rem}.login-title{font-size:1.5rem}.form-input,.btn{font-size:.95rem}}