/*first btn 254, 164, 0 next 252, 204, 6*/
   /*@import url("white.css");*/
   /*@import url("neon.css");*/
@import url("luxe.css");
 :root {
        --color-black: 0, 0, 0;
        --color-white: 255, 255, 255;
        --color-light: 198, 198, 198;
        --color-primary: 17, 18, 22;
        --color-secondary: 25, 28, 32;
        --color-blue: 37, 120, 255;
        --color-lightblue: 43, 48, 55;
        --color-green: 254, 164, 0;
        --color-red: 252, 204, 6;
      }

      html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
      }

      body {
        margin: 0;
      }

      main {
        display: block;
      }

      h1 {
        font-size: 2em;
        margin: 0.67em 0;
      }

      hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
      }

      pre {
        font-family: monospace, monospace;
        font-size: 1em;
      }

      a {
        background-color: transparent;
      }

      abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted;
      }

      b,
      strong {
        font-weight: bolder;
      }

      code,
      kbd,
      samp {
        font-family: monospace, monospace;
        font-size: 1em;
      }

      small {
        font-size: 80%;
      }

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }

      sub {
        bottom: -0.25em;
      }

      sup {
        top: -0.5em;
      }

      img {
        border-style: none;
      }

      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
      }

      button,
      input {
        overflow: visible;
      }

      button,
      select {
        text-transform: none;
      }

      [type="button"],
      [type="reset"],
      [type="submit"],
      button {
        -webkit-appearance: button;
      }

      [type="button"]::-moz-focus-inner,
      [type="reset"]::-moz-focus-inner,
      [type="submit"]::-moz-focus-inner,
      button::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }

      [type="button"]:-moz-focusring,
      [type="reset"]:-moz-focusring,
      [type="submit"]:-moz-focusring,
      button:-moz-focusring {
        outline: 1px dotted ButtonText;
      }

      fieldset {
        padding: 0.35em 0.75em 0.625em;
      }

      legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal;
      }

      progress {
        vertical-align: baseline;
      }

      textarea {
        overflow: auto;
      }

      [type="checkbox"],
      [type="radio"] {
        box-sizing: border-box;
        padding: 0;
      }

      [type="number"]::-webkit-inner-spin-button,
      [type="number"]::-webkit-outer-spin-button {
        height: auto;
      }

      [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
      }

      [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
      }

      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
      }

      details {
        display: block;
      }

      summary {
        display: list-item;
      }

      template {
        display: none;
      }

      [hidden] {
        display: none;
      }

      *,
      ::after,
      ::before {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
      }

      body {
        position: relative;
        min-width: 320px;
        margin: 0;
        color: rgb(var(--color-white));
        font-size: 16px;
        font-family: Inter, -apple-system, Arial, sans-serif;
        line-height: 1.5714285714;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: rgb(var(--color-primary));
      }

      img {
        max-width: 100%;
        height: auto;
      }

      h1 {
        margin: 0;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 48px;
        color: rgb(var(--color-white));
      }

      h2 {
        margin: 0;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 36px;
        color: rgb(var(--color-white));
      }

      h3 {
        margin: 0;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 32px;
        color: rgb(var(--color-white));
      }

      h4 {
        margin: 0;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 32px;
        color: rgb(var(--color-white));
      }

      h5 {
        margin: 0;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 32px;
        color: rgb(var(--color-white));
      }

      h6 {
        margin: 0;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 32px;
        color: rgb(var(--color-white));
      }

      ol,
      ul {
        margin: 0 auto 20px;
        padding-left: 20px;
      }

      b,
      strong {
        font-weight: 500;
      }

      figure {
        margin: 0;
      }

      h1 {
        line-height: 1.2083333333;
        margin: 0;
      }

      p {
        margin: 0 auto 20px;
      }

      @media screen and (max-width: 992px) {
        body {
          font-size: 12px;
          line-height: 1.4;
        }

        h1 {
          font-size: 24px;
        }

        h2 {
          font-size: 18px;
          margin-bottom: 15px;
        }

        h3 {
          font-size: 16px;
          margin-bottom: 15px;
        }
       
      }








@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(../fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(../fonts/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(../fonts/Inter-Black.woff2) format("woff2")}.card{background-color:#26262d;border-radius:6px;overflow:hidden;position:relative;width:calc(20% - 12px)}.card__wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto}.card__img{padding-bottom:77%;position:relative}.card__img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:all .4s ease-in-out;width:100%}.card__img:hover img{transform:scale(1.05)}@media screen and (max-width:768px){.card__wrapper{gap:10px;padding-bottom:15px}.card{width:calc(50% - 10px)}}.img-post{border-radius:6px;margin:30px auto;max-width:630px;overflow:hidden}.img-post img{border-radius:10px;display:block;margin:0 auto}h2+.img-post,h3+.img-post{margin-top:0;padding-top:0}.img-micro{margin:0}@media screen and (max-width:992px){.img-post{margin:15px auto;padding:0}}.not-found{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 256px);padding-bottom:100px}.not-found h1{font-size:128px;font-weight:700;line-height:.8;margin:0 auto 25px;text-align:center}.not-found p{color:#fff;font-size:16px;margin-bottom:50px;text-align:center}.not-found a{margin:0 auto;min-width:240px;width:-moz-max-content;width:max-content}@media screen and (max-width:768px){.not-found{min-height:calc(100vh - 170px);padding-bottom:75px}.not-found div{width:100%}.not-found h1{font-size:96px;margin-bottom:25px}.not-found p{font-size:12px;margin-bottom:50px}}.rating{display:grid;gap:10px;margin:0 auto}.rating__item{grid-gap:50px;align-items:center;background:rgb(var(--color-lightblue));border-radius:15px;color:rgb(var(--color-white));display:grid;grid-template-columns:minmax(max-content,380px) auto minmax(min-content,430px) minmax(max-content,215px);overflow:hidden;padding:15px}.rating__counter,.rating__title{align-items:center;display:flex;height:100%}.rating__counter{background:rgb(var(--color-green));border-radius:9px;font-size:30px;font-weight:800;justify-content:center;margin-right:15px;min-height:60px;width:50px}.rating__logo{align-items:center;border-radius:9px;display:flex;height:60px;margin-right:25px;overflow:hidden;width:200px}.rating__logo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.rating__name{font-size:20px;font-weight:700}.rating__text{background:rgba(92,201,116,.22);border-radius:5px;color:#fff;color:#5cc974;max-width:none;padding:0 9px;text-align:center;width:100%}.rating__grade{display:flex;gap:7px}.rating__grade img{width:20px}.rating__button .button{width:100%}@media screen and (max-width:992px){.rating{padding-bottom:15px}.rating__item{border-radius:10px;gap:15px;grid-template-columns:100px auto;padding:15px}.rating__item:last-child{border-bottom:0}.rating__title{grid-column:1/3;height:auto}.rating__name{display:none}.rating__grade{gap:5px;justify-content:center}.rating__grade img{width:15px}.rating__logo{border-radius:0;flex-shrink:0;height:60px;margin:0;width:210px}.rating__counter{border-radius:6px;font-size:20px;height:60px;min-height:auto;width:35px}.rating__text{font-size:12px;padding:2px 8px}.rating__button{grid-column:1/3;padding:0}}.container{margin:0 auto;max-width:1310px;padding:0 15px;width:100%}.wrapper{background-color:rgb(var(--color-secondary));border-radius:30px;margin-bottom:20px;padding:35px}.main{gap:20px;justify-content:space-between;margin-bottom:20px}.main,.main .wrapper{align-items:center;display:flex}.main .wrapper{width:100%}.bg-main,.main .wrapper{margin:0;min-height:295px}.bg-main{border-radius:30px;flex-shrink:0;height:100%;overflow:hidden;position:relative;width:520px}.bg-main img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%;z-index:1}.bg-main a{bottom:15px;left:35px;position:absolute;z-index:2}.header{padding:20px 0}.header .container{align-items:center;background:rgb(var(--color-lightblue));border-radius:20px;display:flex;justify-content:space-between;max-width:1280px;padding-bottom:13px;padding-top:13px}.header__logo{align-items:center;display:flex;justify-content:center;padding-left:20px;width:135px}.header__menu{display:flex;gap:20px;list-style:none;margin:0;padding:0}.header__menu li.btn{display:none}.header__menu a{    cursor: pointer;color:#fff;text-decoration:none}.header__menu a:hover{cursor:pointer;color:rgb(var(--color-red))}.header__btn{display:flex;gap:10px}.breadcrumb{align-items:center;display:flex;list-style:none;margin:0 0 20px;padding:0}.breadcrumb li{color:#fff}.breadcrumb a{align-items:center;color:#a5aabe;display:flex;padding-right:25px;position:relative;text-decoration:none}.breadcrumb a:before{background-image:url(../images/arrow.svg);content:"";height:24px;position:absolute;right:0;top:auto;width:24px}.button{align-items:center;background:rgb(var(--color-red));border:2px solid rgb(var(--color-red));border-radius:13px;color:rgb(var(--color-white));display:flex;justify-content:center;padding:18px 30px;text-decoration:none;transition:all .3s ease}.button-secondary,.button:hover{background:hsla(0,0%,100%,0)}.button-secondary{border:2px solid rgb(var(--color-green))}.button-green,.button-secondary:hover{background:rgb(var(--color-green))}.button-green{border:2px solid rgb(var(--color-green))}.button-green:hover{background:rgb(var(--color-red));border:2px solid rgb(var(--color-red))}.has-text-align-center{text-align:center}table{border-collapse:separate;border-spacing:0 10px;margin-bottom:30px;width:100%}table tr td{background:rgb(var(--color-lightblue));padding:10px 15px}table tr td:first-child{border-radius:10px 0 0 10px}table tr td:last-child{border-radius:0 10px 10px 0}blockquote{align-items:center;border:2px solid rgb(var(--color-green));border-radius:12px;color:#fff;display:flex;justify-content:center;margin:0 auto 30px;max-width:595px;padding:18px 60px;position:relative;text-align:center}blockquote:after,blockquote:before{background:url(../images/quote.svg);background-size:100% auto;content:"";height:35px;position:absolute;width:35px}blockquote:before{left:13px}blockquote:after{right:13px;transform:rotate(180deg)}blockquote p{margin:0}.footer{padding:0 0 20px}.footer .container{background:rgb(var(--color-secondary));border-radius:30px;max-width:1280px;padding:25px 80px}.footer__menu{display:flex;gap:20px;list-style:none;margin:0 0 35px;padding:0}.footer__menu a{color:#fff;text-decoration:none}.footer__logo{flex-wrap:wrap;justify-content:space-between;margin-bottom:35px}.footer__logo,.footer__logos{align-items:center;display:flex}.footer__logos{gap:40px;justify-content:flex-start}.footer__logos img{max-height:16px;width:auto}.footer__logos-right{gap:20px}.footer__logos-right img{max-height:35px;max-width:100px}.footer__partners{display:flex;justify-content:space-between}.footer p{border-top:1px solid #949ab0;font-size:14px;margin:20px 0 0;padding-top:20px;text-align:center}.menu{display:none}.wp-block-columns{margin:40px auto}.wp-block-columns h2,.wp-block-columns p{text-align:left}.wp-block-columns img{height:auto;width:200px}.wp-block-columns .wp-block-column:first-child{flex-basis:225px!important}.wp-block-columns .wp-block-column:last-child{flex-basis:75%!important}p+.wp-block-table,p+h2,p+h3{margin-top:40px}@media screen and (max-width:992px){.wrapper{background:hsla(0,0%,100%,0);border-radius:0;margin:0;padding:0}.wrapper-content{background:rgb(var(--color-secondary));border-radius:10px;margin-bottom:15px;padding:15px}.main{display:block;margin-bottom:15px}.main .wrapper{background:rgb(var(--color-secondary));border-radius:10px;height:auto;margin-bottom:10px;min-height:auto;padding:20px 15px}.wp-block-table{overflow-x:auto;width:100%}.bg-main{border-radius:10px;height:215px;min-height:auto;width:100%}p+.wp-block-table{margin-top:15px}.breadcrumb{margin-bottom:15px}.breadcrumb li.active{display:none}.breadcrumb a{color:#fff;padding-left:25px;padding-right:0}.breadcrumb a:before{filter:brightness(2);left:0;right:auto;transform:rotate(180deg)}.button{border-radius:11px;font-size:12px;padding:15px}table{margin-bottom:15px}table tr td{vertical-align:middle}table tr td:first-child{min-width:auto}table tr td:last-child{padding-right:10px}.header{padding:5px 0;position:fixed;z-index:100; width: 100%;}.header .container{border-radius:10px;max-width:calc(100% - 30px);padding:13px}.main {padding-top: 90px;}.header__logo{padding:0;width:85px}.header__menu{background:rgb(var(--color-lightblue));border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:block;left:15px;opacity:0;padding:20px 20px 10px;position:absolute;right:15px;top:75px;transition:all .3s ease;visibility:hidden}.header__menu a{text-align:center;cursor:pointer;display:block;padding:10px 0}.header__menu.active{opacity:1;visibility:visible}.header__menu li.btn{display:block;padding-top:10px}.header__menu li.btn a{margin-bottom:10px;padding:10px;text-align:center}blockquote{margin-bottom:15px;padding:10px 40px}blockquote p{font-size:12px}blockquote:after,blockquote:before{height:16px;width:16px}p+h2,p+h3{margin-top:30px}.footer .container{border-radius:10px;max-width:calc(100% - 30px);padding:15px}.footer__menu{justify-content:center;margin-bottom:30px}.footer p{font-size:12px;margin-top:0;padding-top:15px}.footer__logo{flex-wrap:wrap;justify-content:center;margin-bottom:15px}.footer__logo img{max-width:75px}.footer__partners{flex-wrap:wrap}.footer__logos{flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:15px;width:100%}.footer__logos img{max-height:14px}.footer__logos-right img{max-height:25px;max-width:80px}.footer__menu{flex-wrap:wrap}.wp-block-columns{display:block!important;margin:25px auto}.wp-block-columns img{display:block;margin:0 auto}.bg-main{height:auto;margin-bottom:60px;overflow:visible;padding-bottom:50%}.bg-main img{border-radius:10px}.bg-main a{bottom:-30px;left:15px;right:15px;z-index:3}.bg-main:before{background:linear-gradient(90.41deg,#191c20 1.81%,#191c20 52.7%,rgba(25,28,32,.971) 70.99%,rgba(25,28,32,0) 99.68%);border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:-50px;content:"";height:60px;left:0;position:absolute;right:0;z-index:2}}.burger{display:none}@media screen and (max-width:992px){.burger{align-items:center;display:flex;flex-wrap:wrap;height:30px;padding:2.5px 0;width:30px;z-index:101}.burger span{background:rgb(var(--color-green));border-radius:30px;display:block;height:2px;transition:all .3s ease;width:30px}.burger.active span:first-child{transform:translateY(4px) rotate(45deg)}.burger.active span:nth-child(2){transform:translateY(-9px) rotate(-45deg)}}.home-apps{display:grid;}.home-apps img{display:block;margin:0 auto}.home-apps__qrcode{margin:15px auto 30px;max-width:500px}.home-apps__list-wrapper{align-items:center;display:flex;gap:15px;justify-content:center}.home-apps__list-item{align-items:flex-start;display:flex;position:relative}.home-apps__link{border:1px solid #444852;border-radius:.25rem;color:#fff;display:flex;height:40px;overflow:hidden;padding:0 11px;text-decoration:none}.home-apps__link .icon{align-items:center;display:flex;min-width:24px;width:24px}.home-apps__link img{color:#fff;height:24px;width:24px}.home-apps__link_disabled{cursor:none;opacity:.3;pointer-events:none}.home-apps__link-icon{margin-right:.5rem}.home-apps__link-text{padding-top:3px}.home-apps__link-text-prefix{font-size:10px;font-weight:400;letter-spacing:.15px;line-height:.875rem}.home-apps__link-text-label{font-size:16px;font-weight:400;letter-spacing:.2px;line-height:1}.home-apps__tooltip{display:flex;position:relative}.tooltip__icon{color:#80858f;cursor:pointer;height:16px;min-width:16px;position:relative;width:16px}.tooltip__icon.active{color:#fff}.tooltip__template{text-wrap:nowrap;background:#232834;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;box-shadow:0 1px 3px rgba(0,0,0,.5);color:#80858f;display:none;font-size:.75rem;font-weight:400;left:100%;line-height:1rem;max-width:304px;padding:.5rem;position:relative;position:absolute;top:.25rem;top:16px}.tooltip__template.active{display:block}@media screen and (max-width:992px){.home-apps{display:block}.home-apps__qrcode{display:none}.home-apps__list-wrapper{margin-top:15px}.home-apps__tooltip{display:none}}

  .questions-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--light-primary);
  }
  
  .questions-item {
    border-radius: 10px;
    overflow: hidden;
  }
  
  .questions-content-box {
    background: linear-gradient(
      145deg, #444852, #191c20
    );
    padding: 12px 42px;
  }
  
  .questions-title {
    display: grid;
    grid-template-columns: 1fr 20px;
    cursor: pointer;
    align-items: center;
    font-size: 22px;
    margin-bottom: 0;
  }
  
  .icon {
    width: 30px;
    height: 25px;
    fill: #fff;
  }
  
  .questions-content {
    display: none;
  }
  .section {
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 1000px;
    margin: 0 auto;
  }    

  @media screen and (max-width: 992px) {
    .questions-title{
      font-size: 12px;
    }
    .questions-content-box {
        background: linear-gradient(
          145deg, #444852, #191c20
        );
        padding: 8px 12px;
      }
      .questions-list{
        padding-left: 0;
      }
  }
  .review-section {
    max-width: 1000px;
    margin: 20px auto;
    padding: 20px;
    background: linear-gradient(
          145deg, #444852, #191c20
        );
    border-radius: 10px;
  }
  .review {
    background: #444;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .review-form input,
  .review-form textarea {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    color: #6e6e6e9b;
    border-radius: 5px;
    border: none;
    background-color: #ffffff;
  }
  .review-form button {
    background: #f10b2e;
    color: white;
    padding: 10px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 5px;
  }
  .review-form button:hover {
    background: #c40c27;
  }
  .stars {
    display: flex;
    gap: 5px;
    margin-top: 5px;
  }
  .stars span {
    font-size: 24px;
    cursor: pointer;
  }
  .stars span.selected {
    color: gold;
  }
  .form-end {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .review {
    background: #444;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .review span {
    color: gold;
  }
  .review-h2 span {
    color: gold;
  }
  .game-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 10px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  }
  .game-banner-size {
    width: 720px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
  }
  .game-banner img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-right: 10px;
  }
  .game-info {
    flex-grow: 1;
  }
  .game-title {
    font-size: 16px;
    font-weight: bold;
    color: #191c20;
  }
  .game-category {
    font-size: 14px;
    color: gray;
  }
  .rating-app {
    font-size: 14px;
    color: black;
  }
  .play-button {
    background: #007bff;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
  }
  .play-button:hover {
    background: #0056b3;
  }
  
  .no-scroll {
    overflow: hidden;
  }
  
  .hidden {
    position: absolute;
    left: -9999px;
    visibility: hidden;
  }
  .toc {
    background: #2c3e50;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    max-height: auto;
    overflow-y: auto;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 10px;
  }
  
  .toc summary {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 0;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
  }
  .toc summary::-webkit-details-marker,
  .toc summary::marker {
    display: none;
    content: "";
  }
  
  .toc div {
    margin-top: 10px;
  }
  
  .toc ul {
    list-style: none;
    padding-left: 0;
  }
  
  .toc ul li {
    margin: 8px 0;
  }
  
  .toc ul li a {
    text-decoration: none;
    color: #f1c40f;
    font-size: 14px;
    transition: color 0.3s ease;
  }
  
  .toc ul li a:hover {
    color: #ffffff;
        cursor: pointer;
  }
  a:hover {
    cursor: pointer;
  }
  body {
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Стандарт */
}
.play-btn {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    transition: 0.3s ease;
}

.card:hover .play-btn {
    opacity: 1;
}
.play-btn span{
 padding: 2px 15px;
 border: 1px solid #fff;
 border-radius: 4px;
 background: rgba(0,0,0,0.6);
}

.author-box {
  display: flex;
  gap: 20px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #111;
  color: #fff;
  margin: 40px 0;
}
.author-photo{
    width: 340px;
    align-items: center;
    text-align: center;
    justify-items: center;
}

.author-photo img {
  width: 270px;
  object-fit: cover;
  border-radius: 14px;
}

.author-title {
  margin: 0 0 6px;
  font-size: 18px;
  opacity: 0.8;
}

.author-name {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.author-name:hover {
  text-decoration: underline;
}

.author-content p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.85;
}

.author-socials {
  display: flex;
  gap: 14px;
  margin-top: 5px;
}

.author-socials a svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.author-socials a:hover svg {
  opacity: 1;
}

/* MOBILE */
@media (max-width: 768px) {
  .author-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .author-photo img {
    width: 120px;
    height: 120px;
  }

  .author-socials {
    justify-content: center;
  }
}
    .burger span {
        background: #c9c95c;
    }