body {
    font-family: 'Segoe UI', sans-serif;
    background: #f9f9f9;
    margin: 0;
    padding: 0;
  }

  header {
    background-color: #740000;
    color: white;
    padding: 2rem 1rem;
    text-align: center;
  }

  main {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
  }

  .accordion-item {
    background: white;
    border-radius: 12px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    overflow: hidden;
  }

  .accordion-header {
    background:#740000;
    color: white;
    padding: 1rem 1.5rem;
    cursor: pointer;
    position: relative;
  }

  .accordion-header::after {
    content: '▶';
    position: absolute;
    right: 1.5rem;
    transition: transform 0.3s ease;
  }

  .accordion-item.open .accordion-header::after {
    transform: rotate(90deg);
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 1.5rem;
  }

  .accordion-item.open .accordion-content {
    padding: 1rem 1.5rem;
  }

  .accordion-content ul {
    margin: 0;
    padding-left: 1.2rem;
  }

#regulamin a {
    display: inline;
}