.button-wrapper{text-align:center;margin-bottom:10px}body{font-family:'Segoe UI',sans-serif;margin:0;background:#f9f9f9;color:#333}header{background:#004aad;color:#fff;padding:30px 20px;text-align:center}header h1{margin:0;font-size:32px}header p{margin-top:10px;font-size:16px}.container{max-width:960px;margin:auto;padding:20px 15px}h2{color:#222;margin-top:20px}a.button{display:inline-block;background:#07f;color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;margin:10px 5px 10px 5px}a.button:hover{background:#005fcc}img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}footer{background:#222;color:#aaa;text-align:center;padding:20px;font-size:14px}.logo-center-wrapper{display:flex;justify-content:center;margin:10px 0 10px}.login-logo{width:70px;height:auto;border-radius:6px;margin:0;padding:0}.site-footer{background-color:#111;color:#ccc;padding:30px 20px;font-size:15px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:960px;margin:0 auto}.footer-left,.footer-right{flex:1;min-width:200px}.footer-left p,.footer-right p{margin:6px 0}.footer-left a,.footer-right a{color:#ccc;text-decoration:none}.footer-left a:hover,.footer-right a:hover{text-decoration:underline;color:#fff}.footer-bottom{text-align:center;margin-top:20px;font-size:13px;color:#777}.icon{margin-right:6px}@media (max-width:768px){header{padding:20px 15px}header h1{font-size:26px}header p{font-size:15px}.container{padding:15px 12px}h2{font-size:22px}.button{padding:12px 18px;font-size:15px;margin:6px 4px}.logo-center-wrapper{flex-direction:column;align-items:center}.site-footer{padding:20px 12px;text-align:center}.footer-container{flex-direction:column;align-items:center}.footer-left,.footer-right{width:100%;text-align:center;margin-bottom:10px}.footer-left p,.footer-right p,.footer-left a,.footer-right a{font-size:14px}.footer-bottom{font-size:13px;margin-top:15px}img{margin:15px 0}}