:root{
      --blue-dark:#28266f;
      --blue-mid:#3932b7;
      --blue-light:#5548df;
      --text:#171719;
      --muted:#55555c;
      --soft:#f7f7fb;
      --line:#ececf4;
      --gradient:linear-gradient(90deg,#28266f 0%,#3932b7 48%,#5548df 100%);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    body{
      font-family:"Poppins",Arial,sans-serif;
      background:#fff;
      color:var(--text);
      overflow-x:hidden;
    }

    .skyway-special{
      max-width:1180px;
      margin:0 auto;
      /* padding:76px 24px 90px; */
    }

    .hero{
      text-align:center;
      margin-bottom:92px;
    }

    .hero-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:52px;
      padding:0 30px;
      border-radius:999px;
      background:var(--gradient);
      color:#fff;
      font-size:15px;
      font-weight:800;
      letter-spacing:.3px;
      box-shadow:0 18px 36px rgba(57,50,183,.18);
      margin-bottom:34px;
    }

    .hero-badge i{
      display:flex;
      align-items:center;
      justify-content:center;
      width:18px;
      height:18px;
      font-size:16px;
      line-height:1;
    }

    .hero h1{
      font-size:clamp(42px,7vw,56px);
      line-height:1.1;
      font-weight:900;
      letter-spacing:-3px;
      max-width:1060px;
      margin:0 auto 26px;
    }

    .hero .tr-text{
      font-size:clamp(18px,2.2vw,16px);
      line-height:1.55;
      font-weight:700;
      color:#4e4e55;
      max-width:880px;
      margin:0 auto 22px;
    }

    .hero .en-text{
      font-size:17px;
      line-height:1.7;
      color:#686870;
      max-width:880px;
      margin:0 auto;
    }

    .experience-row{
      display:grid;
      grid-template-columns:minmax(280px,420px) minmax(0,1fr);
      gap:92px;
      align-items:center;
      margin-bottom:120px;
    }

    .experience-row.image-right{
      grid-template-columns:minmax(0,1fr) minmax(280px,420px);
    }

    .experience-row.image-right .visual{order:2}
    .experience-row.image-right .content{order:1}

    .visual{
      display:flex;
      justify-content:center;
    }

    .insta-card{
      width:100%;
      max-width:360px;
      background:#fff;
      border:1px solid rgba(40,38,111,.07);
      border-radius:34px;
      padding:18px;
      box-shadow:0 26px 70px rgba(23,23,25,.09);
      position:relative;
    }

    .profile-pill{
      position:absolute;
      left:38px;

      display:flex;
      align-items:center;
      gap:10px;
      background:#fff;
      border:1px solid rgba(40,38,111,.07);
      border-radius:18px;
      padding:10px 15px;
      box-shadow:0 16px 34px rgba(23,23,25,.09);
      z-index:2;
    }

    .profile-icon{
      width:38px;
      height:38px;
      flex:0 0 38px;
      border-radius:14px;
      background:var(--gradient);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      line-height:1;
    }

    .profile-icon i{
      display:flex;
      align-items:center;
      justify-content:center;
      width:18px;
      height:18px;
      font-size:16px;
      line-height:1;
    }

    .profile-name{
      font-size:12px;
      font-weight:800;
      line-height:1.15;
    }

    .profile-user{
      font-size:10px;
      color:#777;
      line-height:1.1;
      margin-top:3px;
    }

    .photo{
      width:100%;
      aspect-ratio: 4 / 5;
      border-radius:28px;
      overflow:hidden;
      background:#eee;
      margin-top:20px;
    }

    .photo img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:transform .6s ease;
    }

    .insta-card:hover .photo img{
      transform:scale(1.045);
    }

    .card-actions{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:14px 4px 2px;
      color:#111;
      font-size:20px;
    }

    .card-actions .left{
      display:flex;
      gap:16px;
      align-items:center;
    }

    .card-actions i{
      width:20px;
      height:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      line-height:1;
    }

    .content{
      max-width:610px;
		display:block !important;
    }

    .kicker{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:38px;
      padding:0 18px;
      border-radius:999px;
      background:rgba(57,50,183,.08);
      color:var(--blue-mid);
      font-size:12px;
      font-weight:800;
      letter-spacing:.35px;
      margin-bottom:22px;
    }

    .kicker i{
      width:15px;
      height:15px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:13px;
      line-height:1;
    }

    .content h2{
      font-size:clamp(34px,4.4vw,44px);
      line-height:1.08;
      font-weight:900;
      letter-spacing:-1.8px;
      margin-bottom:19px;
    }

    .content p{
      font-size:16.5px;
      line-height:1.8;
      color:var(--muted);
      font-weight:500;
      margin-bottom:18px;
    }

    .content .en{
      color:#6d6d75;
      font-size:15.5px;
    }

    .buttons{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      margin-top:30px;
    }

    .btn{
      min-height:48px;
      padding:0 24px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      border-radius:999px;
      text-decoration:none;
      font-size:14px;
      font-weight:800;
      transition:.25s ease;
    }

    .btn i{
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:15px;
      line-height:1;
    }

    .btn-primary{
      background:var(--gradient);
      color:#fff;
      box-shadow:0 14px 28px rgba(57,50,183,.18);
    }

    .btn-outline{
      color:var(--blue-mid);
      border:2px solid var(--blue-mid);
      background:#fff;
    }

    .btn:hover{
      transform:translateY(-3px);
    }

    .final{
      text-align:center;
      margin-top:20px;
      padding:70px 24px;
      background:var(--soft);
      border-radius:44px;
      border:1px solid var(--line);
    }

    .final h3{
      font-size:clamp(34px,5.8vw,66px);
      line-height:1.05;
      font-weight:900;
      letter-spacing:-2.4px;
      max-width:980px;
      margin:0 auto 24px;
    }

    .final p{
      max-width:820px;
      margin:0 auto;
      font-size:19px;
      line-height:1.7;
      color:#5f5f68;
      font-weight:600;
    }

    @media(max-width:900px){
      .skyway-special{padding:54px 18px 70px}
      .hero{margin-bottom:74px}
      .hero h1{letter-spacing:-1.8px}
      .experience-row,
      .experience-row.image-right{
        grid-template-columns:1fr;
        gap:42px;
        margin-bottom:86px;
      }
      .experience-row.image-right .visual,
      .experience-row.image-right .content{
        order:initial;
      }
      .visual{justify-content:center}
      .content{
        max-width:100%;
        text-align:left;
      }
      .insta-card{max-width:390px}
    }

    @media(max-width:520px){
      .hero-badge{font-size:13px;padding:0 22px}
      .hero h1{font-size:40px}
      .content h2{font-size:34px}
      .buttons{gap:10px}
      .btn{width:100%}
      .final{border-radius:28px;padding:46px 18px}
    }