.page{display:flex;flex-direction:column;min-height:100vh}.headerContainer{position:relative;width:100%;height:clamp(240px,35vw,320px);overflow:hidden}.heroImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.headerContentBelow{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;gap:12px}.logo{width:clamp(200px,20vw,240px);height:clamp(80px,8vw,96px);object-fit:contain}.introText{font-size:clamp(16px,1.8vw,20px);text-align:center;padding:0 16px;font-weight:500}.cardsContainer{width:100%;padding:20px 16px}.cardsRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,520px));justify-content:center;gap:clamp(16px,2vw,20px)}.card{display:flex;flex-direction:column;border:1px solid #e5e5e5;border-radius:12px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 2px 4px #0000000a;transition:box-shadow .16s ease,transform .16s ease}.card:hover{box-shadow:0 8px 12px #0000001f;transform:translateY(-1px)}.card:focus-visible{outline:2px solid #4F46E5;outline-offset:2px}.cardImage{width:100%;height:clamp(160px,20vw,200px);object-fit:cover}.cardBody{padding:12px;display:grid;gap:6px}.cardTitle{font-size:18px;font-weight:700;margin:0}.cardDescription{font-size:14px;color:#555;margin:0}.footer{margin-top:auto;display:flex;align-items:center;justify-content:center;padding:20px 0}.footerText{font-size:12px;color:#666}:root{color-scheme:light;font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#fff;color:#111}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}