html,body,div,#app{height:99%;margin:0;padding:0}.grid-container{display:grid;justify-items:center;grid-template-columns:20% 1fr 20%;grid-template-rows:auto auto 1fr;gap:1%;padding:1%}.md-logo{padding:10px}.main-title{text-align:center;color:#3273a8;font-family:Inter,Helvetica,Arial}a{color:inherit;text-decoration:none}.niva-logo{padding:10px;width:150px;text-align:right}.button-bar{grid-column:1 / -1;grid-row:2;display:flex;gap:.75rem;align-items:center;justify-content:center;width:100%;padding:.5rem 0}.btn{background:#3273a8;color:#fff;border:none;padding:.6rem 1.1rem;border-radius:6px;cursor:pointer;font-family:Inter,Helvetica,Arial,sans-serif;font-size:1rem}.btn:hover{background:#2a6391}.btn.active{background:#20557d;font-weight:600}.btn:focus-visible{outline:2px solid #20557d;outline-offset:2px}.first-iframe{grid-column:1 / -1;grid-row:3;width:100%;height:85vh;max-width:100%}@media (max-width: 768px){.niva-logo,.md-logo{width:70px}.md-logo{grid-column:1}.niva-logo{grid-column:2;grid-row:1}.grid-container{grid-template-columns:48% 48%;grid-template-rows:5% 100px auto auto}.button-bar{grid-column:1 / -1;grid-row:2;padding:.25rem 0;flex-wrap:wrap}.first-iframe{grid-row:3}.main-title{grid-column:1 / -1;font-size:1.5rem;padding:5px}}