.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:7fr 3fr;gap:1em}.hero__main{padding-right:8em}.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:flex}.hero-search__input{border:1px solid var(--outline-gray);border-right:none;border-radius:10px 0 0 10px;padding:1em;flex:9}.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;flex:1}.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}.hero-search__radio input{margin-right:.2em}.hero__options{display:flex;flex-direction:column;gap:1.5em}.hero__options .card{padding:.75em 1.5em}.hero__options .card__header{padding:.25em}.hero__options .card__content{padding:1em 0}.hero__options .card__list{gap:.7em}.hero__options .card__item{padding:.5em 1em}.hero-search__hint{display:inline-block;margin:.5em 0 1em .5em}.hero-sponsor__container{margin-top:3em;border:1px solid var(--outline-gray);border-radius:10px;padding:1.5em;background-color:var(--white)}.hero-sponsor__title{font-size:1.2rem;font-weight:400}.hero-sponsor__text{margin-top:1em;line-height:1.7}.sponsors{border-top:1px solid var(--outline-gray);border-bottom:1px solid var(--outline-gray);padding:1.5em 6em}.sponsors__grid{display:grid;grid-template-columns:1fr 4fr;gap:3rem}.sponsors__subtitle{margin-bottom:1.5rem}.sponsors__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.sponsors__logo{height:35px;margin:0 auto}.sponsors__link{display:inline-block;text-decoration:none;color:var(--primary-accent);text-align:center;transition:transform .2s ease}.sponsors__link:hover{transform:translateY(-4px)}.afnd-intro{background-color:var(--bg-gray);border-bottom:1px solid var(--outline-gray);display:flex}.afnd-intro__left,.afnd-intro__right{padding:4em 6em;flex:1}.afnd-intro__text{margin-top:1em}.afnd-intro__subtitle{margin-top:2em}.afnd-intro__list{list-style:none;margin-top:.5em}.afnd-intro__item{margin-bottom:1em}.afnd-intro__right{background-color:var(--white)}.afnd-datasets__text{margin-top:1em}.afnd-datasets__citation{color:var(--red);margin-top:2em}.afnd-datasets__pub{overflow:hidden;margin-top:1em;border:1px solid var(--outline-gray);border-radius:5px;transition:transform .2s ease}.afnd-datasets__pub:hover{box-shadow:0 10px 25px #0f172a0f,0 2px 8px #0f172a0a}.afnd-datasets__pub-title{font-weight:lighter;background-color:var(--primary);color:var(--bg-gray);padding:1em 1.5em}.afnd-datasets__pub-body{padding:1em 1.5em}.afnd-datasets__pub-authors{border-bottom:1px solid var(--outline-gray);padding-bottom:1em}.afnd-datasets__pub-journal{padding:1em 0}.afnd-datasets__pub-link{display:inline-block;margin-top:1em}.afnd-datasets__recommendation{display:inline-block;margin-top:1.5em}.database-info{margin-top:3em;padding:0 6em}.database-info__title{text-align:center}.database-info__table{margin-top:2em}.frequency-summary{margin-top:5em;padding:0 6em}.frequency-summary__title{text-align:center}.frequency-summary__list{margin-top:3em;display:flex;justify-content:space-evenly;gap:1em}.frequency-summary__item{width:140px;height:140px;border-radius:50%;background-color:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .5s ease}.frequency-summary__item:hover{box-shadow:0 10px 25px #0000001a;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(--bg-gray)}.frequency-summary__item--individuals{color:var(--white);background-color:var(--primary)}.update-versions{margin:5% 6em;padding:3em;background-color:var(--bg-gray);border-left:5px solid var(--primary-accent);border-radius:10px;text-align:center}.update-versions__header{display:flex;justify-content:center;align-items:center;gap:1em}.update-versions__header .icon{color:var(--primary-accent)}.update-versions__details{display:inline-block;margin-top:.5em;color:var(--text-light)}
