/* =========================================================
   TELEGRAM ENGINE — 3 STEP SECTION
   UNIQUE NAMESPACE: tghow928-
   WHITE / CYAN / BLUE / PERIWINKLE
========================================================= */

.tghow928-section {
   position: relative;
   overflow: hidden;
   isolation: isolate;

   padding: 90px 0 95px;

   background:
      radial-gradient(
         circle at 8% 12%,
         rgba(45, 194, 231, 0.09),
         transparent 23%
      ),
      radial-gradient(
         circle at 92% 48%,
         rgba(113, 127, 233, 0.08),
         transparent 25%
      ),
      radial-gradient(
         circle at 35% 88%,
         rgba(56, 155, 229, 0.06),
         transparent 24%
      ),
      linear-gradient(
         180deg,
         #ffffff 0%,
         #fbfdff 50%,
         #f8fbff 100%
      );

   color: #18213d;
}


/* =========================================================
   BACKGROUND
========================================================= */

.tghow928-bg {
   position: absolute;
   inset: 0;

   z-index: 0;

   overflow: hidden;

   pointer-events: none;
}


.tghow928-grid {
   position: absolute;

   inset: 0;

   opacity: 0.27;

   background-image:
      linear-gradient(
         rgba(69, 155, 221, 0.04) 1px,
         transparent 1px
      ),
      linear-gradient(
         90deg,
         rgba(69, 155, 221, 0.04) 1px,
         transparent 1px
      );

   background-size: 38px 38px;

   mask-image:
      linear-gradient(
         to bottom,
         transparent,
         #000 18%,
         #000 80%,
         transparent
      );

   -webkit-mask-image:
      linear-gradient(
         to bottom,
         transparent,
         #000 18%,
         #000 80%,
         transparent
      );
}


.tghow928-orb {
   position: absolute;

   display: block;

   border-radius: 50%;

   filter: blur(80px);
}


.tghow928-orb-1 {
   width: 430px;
   height: 430px;

   top: -170px;
   right: -180px;

   background:
      rgba(66, 191, 232, 0.11);
}


.tghow928-orb-2 {
   width: 500px;
   height: 500px;

   left: -240px;
   top: 42%;

   background:
      rgba(117, 130, 232, 0.08);
}


.tghow928-section > .container {
   position: relative;

   z-index: 2;
}


/* =========================================================
   HEADER
========================================================= */

.tghow928-header {
   max-width: 1050px;

   margin: 0 auto 85px;
}


.tghow928-eyebrow {
   display: flex;

   align-items: center;
   justify-content: center;

   gap: 12px;

   margin-bottom: 19px;
}


.tghow928-eyebrow-line {
   display: inline-block;

   width: 65px;
   height: 1px;

   background:
      linear-gradient(
         90deg,
         transparent,
         #4abbdf
      );
}


.tghow928-eyebrow-line:last-child {
   background:
      linear-gradient(
         90deg,
         #7788e8,
         transparent
      );
}


.tghow928-eyebrow-icon {
   color: #698ee3;

   font-size: 12px;
}


.tghow928-eyebrow-text {
   color: #54617c;

   font-size: 13px;
   line-height: 1.3;
   font-weight: 850;

   letter-spacing: 2px;
}


.tghow928-title {
   margin: 0;

   color: #17203b;

   font-size:
      clamp(
         37px,
         4vw,
         58px
      );

   line-height: 1.14;

   font-weight: 900;

   letter-spacing: -2.3px;

   text-wrap: balance;
}


.tghow928-title > span {
   color: transparent;

   background:
      linear-gradient(
         90deg,
         #22bfe5 0%,
         #4f9fe1 52%,
         #7a83e9 100%
      );

   -webkit-background-clip: text;
   background-clip: text;

   -webkit-text-fill-color: transparent;
}


.tghow928-title > strong {
   display: block;

   margin-top: 7px;

   color: #273452;

   font-size: 0.58em;

   font-weight: 800;

   letter-spacing: -0.8px;
}


.tghow928-header-note {
   display: inline-flex;

   align-items: center;
   justify-content: center;

   gap: 10px;

   margin-top: 25px;

   padding: 8px 18px;

   border:
      1px solid
      rgba(74, 158, 219, 0.14);

   border-radius: 100px;

   background:
      rgba(255, 255, 255, 0.78);

   box-shadow:
      0 10px 30px
      rgba(55, 90, 155, 0.07);
}


.tghow928-header-note span {
   display: inline-flex;

   align-items: center;
   justify-content: center;

   width: 30px;
   height: 30px;

   border-radius: 50%;

   color: #ffffff;

   background:
      linear-gradient(
         135deg,
         #35bee4,
         #7185e8
      );

   font-size: 11px;
   font-weight: 900;
}


.tghow928-header-note i {
   color: #8c98ae;

   font-size: 13px;
}


/* =========================================================
   STEP
========================================================= */

.tghow928-step {
   position: relative;

   max-width: 1180px;

   margin-left: auto;
   margin-right: auto;

   padding: 22px 0;
}


.tghow928-step + .tghow928-step {
   margin-top: 35px;
}


/* =========================================================
   IMAGE / MEDIA
========================================================= */

.tghow928-media {
   position: relative;

   width: 100%;

   max-width: 565px;

   margin: 0 auto;

   padding: 22px;
}


.tghow928-screen {
   position: relative;

   z-index: 3;

   overflow: hidden;

   border:
      1px solid
      rgba(87, 146, 213, 0.16);

   border-radius: 22px;

   background: #ffffff;

   box-shadow:
      0 30px 70px
      rgba(35, 67, 124, 0.13),

      0 8px 25px
      rgba(72, 171, 224, 0.06),

      inset 0 1px 0
      rgba(255, 255, 255, 1);
}


.tghow928-screen::before {
   content: "";

   position: absolute;

   width: 320px;
   height: 180px;

   top: -120px;
   right: -90px;

   z-index: 0;

   border-radius: 50%;

   background:
      rgba(70, 184, 229, 0.12);

   filter: blur(45px);

   pointer-events: none;
}


.tghow928-screen-top {
   position: relative;

   z-index: 2;

   display: flex;

   align-items: center;
   justify-content: space-between;

   min-height: 46px;

   padding: 0 16px;

   border-bottom:
      1px solid
      rgba(82, 116, 166, 0.08);

   background:
      linear-gradient(
         180deg,
         #ffffff,
         #f8fbff
      );
}


.tghow928-dots {
   display: flex;

   gap: 5px;
}


.tghow928-dots span {
   display: block;

   width: 7px;
   height: 7px;

   border-radius: 50%;
}


.tghow928-dots span:nth-child(1) {
   background: #53c7e6;
}


.tghow928-dots span:nth-child(2) {
   background: #609ee4;
}


.tghow928-dots span:nth-child(3) {
   background: #7d82e8;
}


.tghow928-screen-label {
   color: #738099;

   font-size: 10px;

   font-weight: 850;

   letter-spacing: 1.3px;
}


.tghow928-image-wrap {
   position: relative;

   z-index: 2;

   padding: 15px;
}


.tghow928-step-image {
   display: block;

   width: 100%;
   height: auto;

   margin: 0 auto;

   border-radius: 13px;
}


/* =========================================================
   LARGE STEP NUMBER
========================================================= */

.tghow928-number {
   position: absolute;

   top: -31px;
   right: 3px;

   z-index: 1;

   color:
      rgba(107, 129, 227, 0.08);

   font-size: 118px;

   line-height: 1;

   font-weight: 950;

   letter-spacing: -8px;
}


/* =========================================================
   FLOAT ICON
========================================================= */

.tghow928-float-icon {
   position: absolute;

   z-index: 5;

   display: flex;

   align-items: center;
   justify-content: center;

   width: 54px;
   height: 54px;

   right: 1px;
   bottom: 58px;

   border:
      4px solid
      #ffffff;

   border-radius: 15px;

   color: #ffffff;

   background:
      linear-gradient(
         135deg,
         #24c4e7,
         #478fdf,
         #786fe8
      );

   box-shadow:
      0 15px 30px
      rgba(68, 127, 217, 0.24);

   font-size: 22px;

   transform: rotate(-5deg);
}


/* =========================================================
   MINI CHIP
========================================================= */

.tghow928-mini-chip {
   position: absolute;

   z-index: 5;

   left: 6px;
   bottom: 0;

   display: inline-flex;

   align-items: center;

   gap: 7px;

   padding: 8px 14px;

   border:
      1px solid
      rgba(76, 154, 218, 0.14);

   border-radius: 100px;

   color: #34405e;

   background:
      rgba(255, 255, 255, 0.96);

   box-shadow:
      0 10px 30px
      rgba(39, 73, 132, 0.11);

   font-size: 12px;

   font-weight: 800;
}


.tghow928-mini-chip i {
   color: #48aede;
}


/* =========================================================
   CONTENT
========================================================= */

.tghow928-content {
   position: relative;

   max-width: 535px;

   padding: 10px 5px;
}


.tghow928-step-label {
   display: inline-flex;

   align-items: center;

   gap: 9px;

   margin-bottom: 10px;

   color: #5d70ad;

   font-size: 12px;

   line-height: 1;

   font-weight: 900;

   letter-spacing: 1.4px;
}


.tghow928-step-label span {
   display: inline-flex;

   align-items: center;
   justify-content: center;

   padding: 7px 11px;

   border-radius: 7px;

   color: #ffffff;

   background:
      linear-gradient(
         135deg,
         #2abfe4,
         #7382e8
      );

   box-shadow:
      0 7px 17px
      rgba(69, 142, 221, 0.16);
}


.tghow928-content h3 {
   margin: 0;

   color: #15203c;

   font-size:
      clamp(
         32px,
         3.3vw,
         47px
      );

   line-height: 1.08;

   font-weight: 900;

   letter-spacing: -1.7px;
}


.tghow928-content h3 span {
   color: transparent;

   background:
      linear-gradient(
         90deg,
         #25bae2,
         #668de5,
         #777be8
      );

   -webkit-background-clip: text;
   background-clip: text;

   -webkit-text-fill-color: transparent;
}


.tghow928-rule {
   width: 58px;
   height: 4px;

   margin: 17px 0 18px;

   border-radius: 100px;

   background:
      linear-gradient(
         90deg,
         #29c0e5,
         #7880e9
      );

   box-shadow:
      0 4px 12px
      rgba(72, 147, 223, 0.18);
}


.tghow928-content > p {
   margin: 0;

   color: #5b6478;

   font-size: 18px;

   line-height: 1.72;

   font-weight: 400;
}


/* =========================================================
   HIGHLIGHT
========================================================= */

.tghow928-highlight {
   display: flex;

   align-items: center;

   gap: 13px;

   margin-top: 23px;

   padding: 13px 15px;

   border:
      1px solid
      rgba(74, 153, 219, 0.12);

   border-radius: 14px;

   background:
      linear-gradient(
         135deg,
         rgba(242, 252, 255, 0.92),
         rgba(247, 247, 255, 0.96)
      );

   box-shadow:
      0 12px 30px
      rgba(45, 84, 145, 0.06);
}


.tghow928-highlight-icon {
   display: flex;

   align-items: center;
   justify-content: center;

   width: 42px;
   height: 42px;

   min-width: 42px;

   border-radius: 11px;

   color: #ffffff;

   background:
      linear-gradient(
         135deg,
         #27c2e5,
         #7183e8
      );

   box-shadow:
      0 8px 18px
      rgba(71, 141, 220, 0.17);

   font-size: 18px;
}


.tghow928-highlight strong {
   display: block;

   margin-bottom: 2px;

   color: #1d2947;

   font-size: 15px;

   line-height: 1.35;

   font-weight: 850;
}


.tghow928-highlight span {
   display: block;

   color: #6b7487;

   font-size: 13px;

   line-height: 1.45;
}


/* =========================================================
   TAGS
========================================================= */

.tghow928-tags {
   display: flex;

   flex-wrap: wrap;

   gap: 7px;

   margin-top: 17px;
}


.tghow928-tags span {
   display: inline-flex;

   align-items: center;

   gap: 5px;

   padding: 7px 10px;

   border:
      1px solid
      rgba(71, 146, 216, 0.12);

   border-radius: 7px;

   color: #5f6b83;

   background: #ffffff;

   box-shadow:
      0 6px 16px
      rgba(49, 82, 139, 0.05);

   font-size: 12px;

   font-weight: 750;
}


.tghow928-tags i {
   color: #3baedd;
}


/* =========================================================
   STEP 2 FEATURE GRID
========================================================= */

.tghow928-feature-grid {
   display: grid;

   grid-template-columns:
      repeat(2, minmax(0, 1fr));

   gap: 9px;

   margin-top: 22px;
}


.tghow928-feature {
   display: flex;

   align-items: center;

   gap: 10px;

   padding: 10px;

   border:
      1px solid
      rgba(69, 141, 210, 0.11);

   border-radius: 10px;

   background: #ffffff;

   box-shadow:
      0 8px 20px
      rgba(44, 79, 136, 0.05);
}


.tghow928-feature > span {
   display: flex;

   align-items: center;
   justify-content: center;

   width: 35px;
   height: 35px;

   min-width: 35px;

   border-radius: 9px;

   color: #ffffff;

   background:
      linear-gradient(
         135deg,
         #32bee3,
         #7084e7
      );

   font-size: 15px;
}


.tghow928-feature strong {
   color: #34415e;

   font-size: 12px;

   line-height: 1.35;

   font-weight: 800;
}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.tghow928-bottom-strip {
   display: flex;

   align-items: center;

   gap: 9px;

   margin-top: 14px;

   padding: 10px 13px;

   border-left:
      3px solid
      #44b4df;

   border-radius: 7px;

   color: #4e5b73;

   background:
      linear-gradient(
         90deg,
         #f1fbff,
         #f8f7ff
      );

   font-size: 13px;

   line-height: 1.4;

   font-weight: 750;
}


.tghow928-bottom-strip span {
   color: #6789e4;
}


/* =========================================================
   PAYMENT FLOW
========================================================= */

.tghow928-payment-flow {
   display: flex;

   align-items: center;

   gap: 8px;

   margin-top: 24px;
}


.tghow928-payment-item {
   flex: 1;

   min-width: 0;

   padding: 11px 7px;

   text-align: center;

   border:
      1px solid
      rgba(69, 139, 208, 0.12);

   border-radius: 11px;

   background: #ffffff;

   box-shadow:
      0 8px 22px
      rgba(44, 76, 132, 0.06);
}


.tghow928-payment-item span {
   display: flex;

   align-items: center;
   justify-content: center;

   width: 36px;
   height: 36px;

   margin: 0 auto 6px;

   border-radius: 9px;

   color: #ffffff;

   background:
      linear-gradient(
         135deg,
         #2fc1e5,
         #7280e8
      );
}


.tghow928-payment-item strong {
   display: block;

   color: #33415d;

   font-size: 11px;

   line-height: 1.3;

   font-weight: 850;
}


.tghow928-payment-arrow {
   flex: 0 0 auto;

   color: #8694ad;

   font-size: 13px;
}


/* =========================================================
   CONNECTORS
========================================================= */

.tghow928-connector {
   position: relative;

   width: 100%;
   max-width: 790px;
   height: 100px;

   margin: 5px auto;
}


.tghow928-connector-line {
   position: absolute;

   width: 58%;
   height: 72px;

   top: 13px;

   border-bottom:
      2px dashed
      rgba(100, 137, 195, 0.25);
}


.tghow928-connector-right
.tghow928-connector-line {
   left: 21%;

   border-right:
      2px dashed
      rgba(100, 137, 195, 0.25);

   border-radius:
      0 0 26px 0;
}


.tghow928-connector-left
.tghow928-connector-line {
   right: 21%;

   border-left:
      2px dashed
      rgba(100, 137, 195, 0.25);

   border-radius:
      0 0 0 26px;
}


.tghow928-connector-arrow {
   position: absolute;

   bottom: 7px;

   display: flex;

   align-items: center;
   justify-content: center;

   width: 30px;
   height: 30px;

   border-radius: 50%;

   color: #ffffff;

   background:
      linear-gradient(
         135deg,
         #37bbe2,
         #7281e8
      );

   box-shadow:
      0 7px 18px
      rgba(69, 133, 216, 0.20);

   font-size: 13px;
}


.tghow928-connector-right
.tghow928-connector-arrow {
   right: 18%;
}


.tghow928-connector-left
.tghow928-connector-arrow {
   left: 18%;
}


/* =========================================================
   CLOSING
========================================================= */

.tghow928-closing {
   position: relative;

   display: flex;

   align-items: center;
   justify-content: center;

   gap: 18px;

   margin-top: 80px;

   padding: 28px 35px;

   overflow: hidden;

   border:
      1px solid
      rgba(74, 148, 216, 0.14);

   border-radius: 22px;

   background:
      linear-gradient(
         135deg,
         rgba(247, 253, 255, 0.98),
         rgba(246, 247, 255, 0.98)
      );

   box-shadow:
      0 25px 60px
      rgba(38, 70, 127, 0.09),

      inset 0 1px 0
      rgba(255, 255, 255, 1);
}


.tghow928-closing::before {
   content: "";

   position: absolute;

   width: 320px;
   height: 180px;

   top: -120px;
   right: -70px;

   border-radius: 50%;

   background:
      rgba(94, 131, 231, 0.10);

   filter: blur(45px);
}


.tghow928-closing-icon {
   position: relative;

   z-index: 2;

   display: flex;

   align-items: center;
   justify-content: center;

   width: 66px;
   height: 66px;

   min-width: 66px;

   border-radius: 18px;

   color: #ffffff;

   background:
      linear-gradient(
         135deg,
         #25c1e5,
         #4d9ce1,
         #7b7ce9
      );

   box-shadow:
      0 15px 30px
      rgba(62, 131, 218, 0.23);

   font-size: 30px;
}


.tghow928-closing-copy {
   position: relative;

   z-index: 2;

   max-width: 800px;
}


.tghow928-closing-copy > span {
   display: block;

   margin-bottom: 5px;

   color: #65718a;

   font-size: 11px;

   font-weight: 900;

   letter-spacing: 1.5px;
}


.tghow928-closing-copy h3 {
   margin: 0;

   color: #1a2542;

   font-size:
      clamp(
         21px,
         2.4vw,
         31px
      );

   line-height: 1.35;

   font-weight: 800;

   letter-spacing: -0.8px;
}


.tghow928-closing-copy strong {
   color: #273b70;

   font-weight: 900;
}


.tghow928-closing-copy em {
   color: transparent;

   background:
      linear-gradient(
         90deg,
         #24bde3,
         #7780e8
      );

   -webkit-background-clip: text;
   background-clip: text;

   -webkit-text-fill-color: transparent;

   font-style: normal;

   font-weight: 900;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

   .tghow928-section {
      padding:
         70px 0
         75px;
   }


   .tghow928-header {
      margin-bottom: 55px;
   }


   .tghow928-title {
      font-size: 44px;
   }


   .tghow928-step {
      padding: 25px 0;
   }


   .tghow928-content {
      max-width: 650px;

      margin-left: auto;
      margin-right: auto;

      text-align: center;
   }


   .tghow928-rule {
      margin-left: auto;
      margin-right: auto;
   }


   .tghow928-step-label {
      justify-content: center;
   }


   .tghow928-highlight {
      text-align: left;
   }


   .tghow928-tags {
      justify-content: center;
   }


   .tghow928-feature-grid {
      max-width: 600px;

      margin-left: auto;
      margin-right: auto;
   }


   .tghow928-payment-flow {
      max-width: 600px;

      margin-left: auto;
      margin-right: auto;
   }


   .tghow928-bottom-strip {
      max-width: 600px;

      margin-left: auto;
      margin-right: auto;

      text-align: left;
   }


   .tghow928-closing {
      margin-top: 55px;
   }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

   .tghow928-section {
      padding:
         55px 0
         58px;
   }


   .tghow928-header {
      margin-bottom: 38px;
   }


   .tghow928-eyebrow {
      gap: 7px;
   }


   .tghow928-eyebrow-line {
      width: 32px;
   }


   .tghow928-eyebrow-text {
      font-size: 10px;

      letter-spacing: 1.2px;
   }


   .tghow928-title {
      font-size: 36px;

      line-height: 1.15;

      letter-spacing: -1.5px;
   }


   .tghow928-title > strong {
      margin-top: 8px;

      font-size: 0.59em;

      line-height: 1.35;
   }


   .tghow928-header-note {
      margin-top: 18px;
   }


   .tghow928-media {
      padding:
         22px 8px
         30px;
   }


   .tghow928-screen {
      border-radius: 16px;
   }


   .tghow928-image-wrap {
      padding: 9px;
   }


   .tghow928-number {
      top: -15px;
      right: 6px;

      font-size: 78px;
   }


   .tghow928-float-icon {
      width: 45px;
      height: 45px;

      right: -1px;
      bottom: 55px;

      border-radius: 12px;

      font-size: 18px;
   }


   .tghow928-mini-chip {
      left: 4px;

      padding: 7px 11px;

      font-size: 10px;
   }


   .tghow928-content {
      padding-top: 5px;
   }


   .tghow928-content h3 {
      font-size: 34px;

      letter-spacing: -1.2px;
   }


   .tghow928-content > p {
      font-size: 16px;

      line-height: 1.65;
   }


   .tghow928-feature-grid {
      grid-template-columns:
         1fr 1fr;

      gap: 7px;
   }


   .tghow928-feature {
      padding: 8px;
   }


   .tghow928-feature > span {
      width: 31px;
      height: 31px;

      min-width: 31px;

      font-size: 13px;
   }


   .tghow928-feature strong {
      font-size: 11px;
   }


   .tghow928-closing {
      flex-direction: column;

      margin-top: 42px;

      padding: 24px 18px;

      text-align: center;
   }


   .tghow928-closing-icon {
      width: 58px;
      height: 58px;

      min-width: 58px;

      border-radius: 16px;

      font-size: 25px;
   }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

   .tghow928-section {
      padding:
         45px 0
         48px;
   }


   .tghow928-title {
      font-size: 31px;

      letter-spacing: -1px;
   }


   .tghow928-header-note span {
      width: 27px;
      height: 27px;

      font-size: 10px;
   }


   .tghow928-content h3 {
      font-size: 30px;
   }


   .tghow928-content > p {
      font-size: 15px;
   }


   .tghow928-feature-grid {
      grid-template-columns: 1fr;
   }


   .tghow928-payment-flow {
      gap: 4px;
   }


   .tghow928-payment-item {
      padding:
         9px 3px;
   }


   .tghow928-payment-item span {
      width: 31px;
      height: 31px;
   }


   .tghow928-payment-item strong {
      font-size: 9px;
   }


   .tghow928-payment-arrow {
      font-size: 10px;
   }


   .tghow928-highlight {
      padding: 11px;
   }


   .tghow928-highlight-icon {
      width: 37px;
      height: 37px;

      min-width: 37px;
   }


   .tghow928-closing-copy h3 {
      font-size: 21px;
   }

}
/* =========================================================
   TELEGRAM ENGINE HOT NICHES SECTION
   UNIQUE PREFIX: teniche928-
========================================================= */

.teniche928-section {
   position: relative;
   overflow: hidden;
   isolation: isolate;
   padding: 90px 0 90px;
   background:
      radial-gradient(circle at 15% 15%, rgba(63, 191, 231, 0.10), transparent 25%),
      radial-gradient(circle at 85% 20%, rgba(123, 132, 233, 0.09), transparent 25%),
      radial-gradient(circle at 50% 100%, rgba(76, 155, 226, 0.06), transparent 30%),
      linear-gradient(180deg, #ffffff 0%, #fbfdff 48%, #f5f9ff 100%);
}

.teniche928-section .container {
   position: relative;
   z-index: 2;
}

/* =========================
   Background Decoration
========================= */

.teniche928-bg {
   position: absolute;
   inset: 0;
   z-index: 0;
   pointer-events: none;
}

.teniche928-grid {
   position: absolute;
   inset: 0;
   opacity: 0.22;
   background-image:
      linear-gradient(rgba(74, 156, 224, 0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(74, 156, 224, 0.05) 1px, transparent 1px);
   background-size: 42px 42px;
   mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
   -webkit-mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
}

.teniche928-orb {
   position: absolute;
   display: block;
   border-radius: 50%;
   filter: blur(80px);
}

.teniche928-orb1 {
   width: 380px;
   height: 380px;
   top: -120px;
   left: -140px;
   background: rgba(44, 193, 231, 0.13);
}

.teniche928-orb2 {
   width: 420px;
   height: 420px;
   right: -150px;
   bottom: -130px;
   background: rgba(116, 128, 232, 0.12);
}

/* =========================
   Header
========================= */

.teniche928-head {
   max-width: 1180px;
   margin: 0 auto 55px;
}

.teniche928-kicker {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
   margin-bottom: 18px;
}

.teniche928-kicker span {
   display: inline-block;
   width: 55px;
   height: 1px;
   background: linear-gradient(90deg, transparent, #46b9e3);
}

.teniche928-kicker span:last-child {
   background: linear-gradient(90deg, #7c87ea, transparent);
}

.teniche928-kicker strong {
   color: #5f6c84;
   font-size: 12px;
   line-height: 1;
   font-weight: 900;
   letter-spacing: 2px;
}

.teniche928-title {
margin: 0;
  color: #17223f;
  font-size: clamp(34px, 4.2vw, 47px);
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: -2px;
  text-wrap: balance;

}

.teniche928-title span,
.teniche928-title em {
   color: transparent;
   background: linear-gradient(90deg, #23c0e5 0%, #4d9fe1 50%, #7980e8 100%);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   font-style: normal;
}

.teniche928-title-line {
   width: 96px;
   height: 4px;
   margin: 24px auto 0;
   border-radius: 100px;
   background: linear-gradient(90deg, #23c0e5, #7a80e9);
   box-shadow: 0 6px 18px rgba(73, 143, 223, 0.18);
}

/* =========================
   Card
========================= */

.teniche928-card {
   position: relative;
   height: 100%;
   padding: 12px;
   border: 1px solid rgba(77, 141, 212, 0.12);
   border-radius: 22px;
   background: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(247,250,255,0.98));
   box-shadow:
      0 18px 40px rgba(33, 68, 126, 0.07),
      inset 0 1px 0 rgba(255,255,255,1);
   overflow: hidden;
   transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.teniche928-card::before {
   content: "";
   position: absolute;
   width: 120px;
   height: 120px;
   top: -75px;
   right: -70px;
   border-radius: 50%;
   background: rgba(78, 167, 225, 0.08);
   filter: blur(18px);
   transition: 0.28s ease;
}

.teniche928-card:hover {
   transform: translateY(-6px);
   border-color: rgba(76, 149, 220, 0.24);
   box-shadow:
      0 25px 50px rgba(36, 71, 131, 0.11),
      inset 0 1px 0 rgba(255,255,255,1);
}

.teniche928-card:hover::before {
   background: rgba(120, 127, 232, 0.12);
   width: 150px;
   height: 150px;
}

/* =========================
   Card Image
========================= */

.teniche928-card-image {
   position: relative;
   z-index: 2;
   width: 100%;
   aspect-ratio: 3 / 2;
   overflow: hidden;
   border-radius: 16px;
   background: linear-gradient(135deg, #eef8ff, #f7f6ff);
   box-shadow: 0 10px 22px rgba(42, 78, 136, 0.08);
   margin-bottom: 14px;
}

.teniche928-card-image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center;
   display: block;
}

/* =========================
   Card Body
========================= */

.teniche928-card-body {
   position: relative;
   z-index: 2;
   padding: 4px 4px 6px;
}

.teniche928-card-title {
   margin: 0;
   color: #202b48;
   font-size: 20px;
   line-height: 1.35;
   font-weight: 850;
   letter-spacing: -0.3px;
   text-align: center;
}

/* =========================
   Bottom Line
========================= */

.teniche928-bottom {
   margin-top: 38px;
   padding: 22px 26px;
   border: 1px solid rgba(76, 145, 215, 0.13);
   border-radius: 20px;
   background: linear-gradient(135deg, rgba(241,250,255,0.92), rgba(247,246,255,0.96));
   box-shadow: 0 16px 36px rgba(39, 74, 132, 0.08);
   color: #33405d;
   font-size: clamp(18px, 1.8vw, 28px);
   line-height: 1.5;
   font-weight: 750;
}

.teniche928-bottom span {
   color: transparent;
   background: linear-gradient(90deg, #22bfe5, #7680e8);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 900;
}

/* =========================
   Tablet
========================= */

@media (max-width: 991px) {
   .teniche928-section {
      padding: 70px 0 75px;
   }

   .teniche928-head {
      margin-bottom: 40px;
   }

   .teniche928-title {
      font-size: 44px;
      letter-spacing: -1.6px;
   }

   .teniche928-card-title {
      font-size: 18px;
   }
}

/* =========================
   Mobile
========================= */

@media (max-width: 767px) {
   .teniche928-section {
      padding: 55px 0 58px;
   }

   .teniche928-head {
      margin-bottom: 30px;
   }

   .teniche928-kicker {
      gap: 8px;
      margin-bottom: 14px;
   }

   .teniche928-kicker span {
      width: 26px;
   }

   .teniche928-kicker strong {
      font-size: 9px;
      letter-spacing: 1px;
   }

   .teniche928-title {
      font-size: 34px;
      line-height: 1.18;
      letter-spacing: -1.2px;
   }

   .teniche928-title-line {
      width: 78px;
      margin-top: 18px;
   }

   .teniche928-card {
      padding: 10px;
      border-radius: 18px;
   }

   .teniche928-card-image {
      border-radius: 13px;
      margin-bottom: 12px;
   }

   .teniche928-card-title {
      font-size: 16px;
   }

   .teniche928-bottom {
      margin-top: 28px;
      padding: 18px 16px;
      border-radius: 16px;
      font-size: 17px;
   }
}

/* =========================
   Small Mobile
========================= */

@media (max-width: 480px) {
   .teniche928-title {
      font-size: 30px;
      letter-spacing: -1px;
   }

   .teniche928-card-title {
      font-size: 15px;
   }

   .teniche928-bottom {
      font-size: 15px;
      line-height: 1.55;
   }
}