*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:oklch(0.975 0.008 80);color:oklch(0.22 0.02 60);font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:oklch(0.5 0.13 40)}
.offer-card{background:oklch(0.3 0.049 255);transition:background .2s}
.offer-card:hover{background:oklch(0.34 0.056 255);color:inherit}
.other-card{transition:box-shadow .2s}
.other-card:hover{color:inherit;box-shadow:0 24px 50px -28px oklch(0.22 0.02 60 / 0.4)}
.plain-card:hover{color:inherit}
[hidden]{display:none !important}
#empty{display:flex}
input{font:inherit;color:inherit}
.tab{padding:9px 16px;border-radius:999px;border:1px solid oklch(0.22 0.02 60 / 0.18);background:transparent;color:inherit;font-family:inherit;font-size:14px;cursor:pointer}
.tab.on{background:oklch(0.22 0.02 60);color:oklch(0.975 0.008 80);border-color:oklch(0.22 0.02 60)}
@media (max-width:640px){
  .hdr{padding:14px 16px !important}
  .hdr>a:first-child{width:100%;justify-content:center}
  .wrap{padding-left:16px !important;padding-right:16px !important}
  .nav{gap:14px !important}
  .other-card{grid-template-columns:96px 1fr !important}
  .span2{grid-column:auto !important}
  .about-badge{right:12px !important}
  .hero-intro>span:first-child{text-align:center;white-space:nowrap;letter-spacing:0.06em !important;font-size:min(16px,calc((100vw - 32px) / 25)) !important}
}
@media (max-width:999px){
  .hero{display:flex !important;flex-direction:column;gap:28px !important}
  .hero-left,.hero-intro{display:contents !important}
  .hero-photo{order:3;min-height:0 !important}
  .hero-btns{order:4}
  .hero-card{order:5}
}
@media (max-width:951px){
  .book-grid{display:flex !important;flex-direction:column;align-items:stretch !important;gap:28px !important}
  .book-text{display:contents !important}
  .book-img{order:3}
  .book-btns{order:4}
}