.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:1rem;font-family:Gill Sans MT,sans-serif}.login-card{margin-top:100px;background:#f0f8ff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,86,179,.1);width:100%;max-width:400px}h1{margin-bottom:.5rem;font-size:1.8rem}h1,p{color:#0056b3;text-align:center}.form-group,p{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:#0056b3}.input-wrapper{position:relative}.input-wrapper:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-repeat:no-repeat;background-position:50%;background-size:contain}.input-wrapper:first-of-type:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230056b3' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")}.input-wrapper:nth-of-type(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230056b3' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E")}input{width:100%;padding:.8rem .8rem .8rem 2.5rem;border:1px solid #0056b3;border-radius:4px;font-size:1rem;background-color:#fff}input:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 2px rgba(0,86,179,.2)}.button-group{display:flex;justify-content:center}button{padding:.8rem 2rem;border:none;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease;background-color:#0056b3}button:hover{background-color:#003d82}@media (max-width:480px){.login-card{padding:1.5rem}}