.recordings {
  position:relative;
  overflow:hidden;
  padding:94px 0 100px;
  background:
    radial-gradient(circle at 4% 13%,rgba(255,204,156,.32) 0 120px,transparent 121px),
    radial-gradient(circle at 97% 84%,rgba(171,232,224,.44) 0 170px,transparent 171px),
    linear-gradient(135deg,#fffaf4 0%,#f5fcfa 100%);
}

.recordings::before {
  position:absolute;
  top:50px;
  right:-34px;
  width:130px;
  height:130px;
  border:19px solid rgba(83,185,151,.18);
  border-radius:50%;
  content:"";
}

.recordings__inner {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  align-items:center;
  gap:76px;
}

.recordings__content { max-width:690px; }

.recordings__eyebrow {
  margin:0 0 12px;
  color:#079e98;
  font-size:14px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.recordings h2 {
  margin:0;
  color:var(--ink);
  font-size:52px;
  font-weight:800;
  line-height:1.06;
  letter-spacing:-2.8px;
}

.recordings h2 em { color:#ff6035; font-style:normal; }

.recordings__lead {
  margin:20px 0 12px;
  color:#53647b;
  font-size:20px;
  font-weight:600;
  line-height:1.46;
  letter-spacing:-.6px;
}

.recordings__note {
  margin:0;
  color:#17445d;
  font-size:16px;
  font-weight:700;
  line-height:1.5;
}

.recordings__offer {
  padding:37px 35px 34px;
  border:1px solid rgba(83,185,151,.4);
  border-radius:24px;
  background:rgba(255,255,255,.86);
  box-shadow:0 0 0 5px rgba(83,185,151,.09),0 20px 38px rgba(8,81,77,.13);
  text-align:center;
}

.recordings__offer-label {
  margin:0;
  color:#087f7b;
  font-size:14px;
  font-weight:800;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.recordings__record-label {
  margin:0;
  color:#53647b;
  font-size:13px;
  font-weight:700;
}

.recordings__price { display:grid; gap:2px; margin:9px 0 18px; }
.recordings__old-price { color:#82909f; font-size:19px; font-weight:700; text-decoration:line-through; text-decoration-color:#ff6035; text-decoration-thickness:2px; }
.recordings__price strong { color:#ff5e34; font-size:54px; font-weight:800; line-height:1; letter-spacing:-2.6px; }

.recordings__buy-button,
.recordings__register-button {
  display:flex;
  width:min(360px,calc(100% - 24px));
  min-height:52px;
  align-items:center;
  justify-content:center;
  margin-right:auto;
  margin-left:auto;
  border-radius:12px;
  padding:11px 20px;
  font:inherit;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}

.recordings__buy-button {
  border:1px solid rgba(255,96,53,.5);
  background:#fffaf7;
  color:#d94c28;
  box-shadow:none;
}

.recordings__buy-button:hover { transform:translateY(-1px); background:#fff; box-shadow:0 5px 12px rgba(231,77,37,.1); }

.recordings__live {
  margin:8px 0 15px;
  color:#17445d;
  font-size:18px;
  font-weight:700;
  line-height:1.42;
}

.recordings__live strong { color:#079e98; font-weight:800; }

.recordings__register-button {
  min-height:56px;
  border:0;
  background:#087f7b;
  color:#fff;
  box-shadow:0 6px 14px rgba(8,127,123,.2);
}

.recordings__register-button:hover { transform:translateY(-1px); background:#06736f; box-shadow:0 8px 16px rgba(8,127,123,.24); }

.recordings__divider {
  display:flex;
  align-items:center;
  gap:11px;
  margin:24px 0 17px;
  color:#8b99a5;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}

.recordings__divider::before,
.recordings__divider::after {
  flex:1;
  height:1px;
  background:rgba(9,38,61,.11);
  content:"";
}

@media (max-width:1100px) {
  .recordings__inner { gap:45px; }
  .recordings h2 { font-size:45px; }
  .recordings__lead { font-size:18px; }
  .recordings__offer { padding:32px 27px 29px; }
}

@media (max-width:900px) {
  .recordings { padding:72px 0 77px; }
  .recordings__inner { grid-template-columns:1fr; gap:33px; max-width:670px; }
  .recordings__content { max-width:none; }
  .recordings__offer { max-width:500px; width:100%; margin:auto; }
  .recordings h2 { font-size:44px; }
}

@media (max-width:600px) {
  .recordings { padding:53px 0 57px; }
  .recordings::before { top:17px; right:-41px; width:100px; height:100px; border-width:14px; }
  .recordings__inner { gap:26px; }
  .recordings__eyebrow { margin-bottom:9px; font-size:11px; }
  .recordings h2 { font-size:36px; letter-spacing:-1.8px; }
  .recordings__lead { margin-top:14px; font-size:16px; }
  .recordings__note { font-size:14px; }
  .recordings__offer { padding:26px 17px 22px; border-radius:18px; }
  .recordings__offer-label { font-size:11px; }
  .recordings__live { margin:7px 0 13px; font-size:16px; }
  .recordings__divider { margin:20px 0 14px; }
  .recordings__record-label { font-size:12px; }
  .recordings__price { margin:8px 0 15px; }
  .recordings__old-price { font-size:16px; }
  .recordings__price strong { font-size:45px; }
  .recordings__buy-button,
  .recordings__register-button { width:min(320px,calc(100% - 20px)); padding:10px 14px; font-size:14px; }
  .recordings__register-button { min-height:52px; }
  .recordings__buy-button { min-height:48px; }
}