*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center}img{display:block}#app{width:100%;max-width:960px;padding:0 16px}.brand-header{width:100%;display:flex;justify-content:center;padding:24px 16px}.brand-logo{max-width:100%;height:auto;min-width:200px;width:100%;max-width:420px}.card-row{display:flex;flex-wrap:wrap;width:100%;gap:24px;justify-content:center;padding:16px 0 32px}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;min-width:140px;min-height:140px;flex:1 1 160px;max-width:260px;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 3px #00000014;text-decoration:none;color:inherit;cursor:pointer}.card__logo{max-width:80px;width:100%;height:auto}.card__label{margin-top:12px;font-size:1rem;font-weight:600;text-align:center;line-height:1.2}@media(max-width:767px){.card-row{flex-direction:column;align-items:center;gap:16px}.card{flex:none;min-width:0;width:100%;max-width:320px}}@media(min-width:768px)and (max-width:1023px){.card-row{flex-direction:row;gap:24px}.card{flex:1 1 200px;max-width:240px}}@media(min-width:1024px){.card-row{flex-direction:row;gap:32px}.card{flex:1 1 220px;max-width:280px}}