body{font-family:Arial,sans-serif;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa;overflow-x:hidden}#app{display:flex;flex-direction:column;min-height:100vh;padding:20px 20px 0}.header{text-align:center;margin-bottom:40px}.logo{max-width:300px;height:auto}.main-content{flex:1;text-align:center;max-width:800px;margin:0 auto}.title{font-size:2.5em;color:#333;margin-bottom:40px;font-weight:700}.documents-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.document-link{display:block;padding:15px 20px;background-color:#0056b3;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s;font-weight:500}.document-link:hover{background-color:#004085}.portal-button{display:inline-block;padding:15px 40px;background-color:#1e7e34;color:#fff;text-decoration:none;border-radius:5px;font-size:1.2em;font-weight:700;transition:background-color .3s;margin-top:20px;grid-column:1 / -1;width:100%;box-sizing:border-box}.portal-button:hover{background-color:#155724}.footer{padding:30px 20px;background-color:#f1f1f1;text-align:center;font-size:.9em;color:#555;line-height:1.6;border-top:1px solid #ddd;width:calc(100% + 40px);margin:auto -20px 0;box-sizing:border-box}@media (max-width: 768px){.documents-grid{grid-template-columns:1fr;max-width:400px}.title{font-size:2em}.logo{max-width:250px}.footer{padding:25px 15px;font-size:.85em;line-height:1.7}#app{padding:15px 15px 0}.footer{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}}@media (max-width: 480px){.footer{padding:20px 10px;font-size:.8em;line-height:1.8}#app{padding:10px 10px 0}.footer{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}}