.hero{padding:3em 6em;background:radial-gradient(circle at top right,rgba(62,155,225,.12),transparent 35%),linear-gradient(180deg,#f8fafc,#eef3f8);display:grid;grid-template-columns:1fr 400px;gap:6em}.hero__title{font-size:2.5rem;text-align:left}.hero__description{font-size:1.3rem;margin-top:1.5em}.hero-search{margin-top:1em}.hero-search__search-container{display:grid;grid-template-columns:8fr 2fr}.hero-search__input{border:1px solid var(--border-gray);border-right:none;border-radius:10px 0 0 10px;padding:1em}.hero-search__input:focus{outline:none;border:1px solid var(--primary-accent)}.hero-search__submit{background-color:var(--primary-accent);border:1px solid var(--gray);border-left:none;border-radius:0 10px 10px 0;color:var(--white);cursor:pointer}.hero-search__submit:hover{background-color:var(--primary-accent-hover)}.hero-search__radios{font-size:.9rem;margin-top:1em;padding-left:.5em;display:flex}.hero-search__radio{margin-right:1em;display:flex;align-items:center}.hero-search__radio input{margin-right:.2em}.hero-sponsor{margin-top:3em;border:1px solid var(--border-gray);border-radius:10px;padding:1.5em;background-color:var(--white)}.hero-sponsor__title{font-size:1.2rem;font-weight:400}.hero-sponsor__description{margin-top:1em;line-height:1.7}.hero-options{display:flex;flex-direction:column;gap:1em}.sponsors{border-top:1px solid var(--border-gray);border-bottom:1px solid var(--border-gray);padding:1.5em 6em;display:grid;grid-template-columns:1fr 4fr;gap:3rem}.sponsors__list{list-style:none;margin-top:1.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.sponsors__group-title{text-align:center}.sponsor{display:flex;justify-content:center;transition:transform .3s ease}.sponsor:hover{transform:translateY(-4px)}.sponsor__name{text-align:center;margin-top:.5em}.sponsor__logo{height:35px}.intro-container{border-bottom:1px solid var(--border-gray);display:grid;grid-template-columns:1fr 1fr}.intro,.how-good-datasets{padding:4em 6em}.intro{background-color:var(--surface-gray)}.intro__description{margin-top:1em}.intro__subtitle{margin-top:2em}.intro__list{list-style:none}.intro__item,.how-good-datasets__description{margin-top:1em}.how-good-datasets__citation{color:var(--red);margin-top:2em}.publication{margin-top:1em;border:1px solid var(--border-gray);border-radius:5px;overflow:hidden;transition:transform .2s ease}.publication:hover{box-shadow:var(--box-shadow)}.publication__title{font-weight:lighter;background-color:var(--primary);color:var(--text-on-primary);padding:1em 1.5em}.publication__body{padding:1em 1.5em}.publication__authors{border-bottom:1px solid var(--border-gray);padding-bottom:1em}.publication__journal{margin-top:1em}.publication__link{display:block;margin-top:1em}.citation-recommendation{display:inline-block;margin-top:1.5em}.database-information{padding:3em 6em}.database-information__title{text-align:center}.database-information__table{margin-top:2em}.frequency-summary{text-align:center;margin-top:5em}.frequency-summary__list{list-style:none;margin-top:3em;display:flex;flex-wrap:wrap;justify-content:center;gap:4em}.frequency-summary__item{width:140px;height:140px;background-color:transparent;border-radius:50%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s ease}.frequency-summary__item:hover{box-shadow:var(--box-shadow);transform:translateY(-8px)}.frequency-summary__item--hla{background-color:var(--hla)}.frequency-summary__item--kir{background-color:var(--kir)}.frequency-summary__item--mic{background-color:var(--mic)}.frequency-summary__item--cytokine{background-color:var(--cytokine)}.frequency-summary__item--total{background-color:var(--surface-gray)}.frequency-summary__item--individuals{color:var(--white);background-color:var(--primary)}.frequency-summary__item-value{font-size:1.3rem}.frequency-summary__item-label{margin-top:.5em;font-weight:700}.update-releases{margin:6em 0;padding:3em;background-color:var(--surface-gray);border-left:5px solid var(--primary-accent);border-radius:10px;text-align:center}.update-releases__header{display:flex;justify-content:center;align-items:center;gap:1em}.update-releases__header .icon{color:var(--primary-accent)}@media(max-width:992px){.hero{padding:3em;grid-template-columns:1fr;gap:3em}.hero-options{display:grid;grid-template-columns:1fr 1fr;gap:1em}.sponsors{padding:2em 3em;grid-template-columns:1fr;gap:2em}.intro-container{grid-template-columns:1fr}.intro,.how-good-datasets,.database-information{padding:3em}.frequency-summary__list{flex-wrap:wrap;gap:2em}}@media(max-width:768px){.hero{padding:2em;grid-template-columns:1fr;gap:2em}.hero__title{font-size:2rem}.hero__description{font-size:1.1rem;margin-top:1em}.hero-search{margin-top:1.5em}.hero-search__search-container{grid-template-columns:1fr;gap:.75em}.hero-search__input{border-right:1px solid var(--border-gray);border-radius:10px;width:100%}.hero-search__submit{border:1px solid var(--primary-accent);border-radius:10px;padding:.9em}.hero-search__radios{flex-wrap:wrap;gap:.75em}.hero-search__radio{margin-right:0}.hero-sponsor{margin-top:2em;padding:1.25em}.hero-sponsor__title{font-size:1.1rem}.hero-sponsor__description{line-height:1.6}.hero-options{display:grid;grid-template-columns:1fr;gap:1em}.sponsors{padding:2em 1.25em;grid-template-columns:1fr;gap:2em}.sponsors__group-title{text-align:center}.sponsors__list{display:flex;flex-wrap:wrap;justify-content:center;gap:3em}.intro-container{grid-template-columns:1fr}.intro,.how-good-datasets,.database-information{padding:2.5em 1.25em}.database-information__table{display:block;width:100%;overflow-x:auto}.database-information__table th,.database-information__table td{min-width:140px}.frequency-summary{margin-top:3em}.frequency-summary__list{flex-wrap:wrap;gap:1.5em}.frequency-summary__item{width:120px;height:120px}.update-releases{margin:3em 0;padding:2em 1.25em}.update-releases__header{flex-direction:column;gap:.75em}.update-releases__details{margin-top:1em}}@media(max-width:576px){.hero__title{font-size:1.7rem}.hero__description{font-size:1rem}.sponsors__list{flex-direction:column;align-items:center}.frequency-summary__list{gap:1em}.frequency-summary__item{width:105px;height:105px}.frequency-summary__item-value{font-size:1.1rem}.frequency-summary__item-label{font-size:.85rem}}