.login-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#faf8ff}.login-main-content{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:20px}.login-form-card{background:#fff;padding:32px 40px;border-radius:16px;box-shadow:0 8px 16px #0000000d,0 4px 8px #0000000a;width:100%;max-width:400px;text-align:center;border:1px solid #e4e2e6}.login-form-card h2{margin-top:0;margin-bottom:28px;color:#061844;font-size:24px;font-weight:700;line-height:1.2}.form-group{margin-bottom:22px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#495057;font-size:14px;font-weight:600}.form-group input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #ced4da;background:#f8f7fc;font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;color:#212529}.form-group input::placeholder{color:#6c757d}.form-group input:focus{outline:none;border-color:#0052ff;box-shadow:0 0 0 .2rem #0052ff33}.login-button{width:100%;padding:12px 18px;margin-top:10px;border-radius:8px;border:none;background:#0042cc;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.login-button:hover,.login-button:focus{background:#0042cc;outline:none}@media (max-width: 768px){.login-form-card{padding:28px 30px}}@media (max-width: 480px){.login-main-content{padding:15px}.login-form-card{padding:24px 20px;margin:0 10px;max-width:calc(100% - 20px)}.login-form-card h2{font-size:22px;margin-bottom:24px}.form-group input,.login-button{padding:12px 14px;font-size:14px}}