html {
            scroll-behavior: smooth;
          }
          body {
            margin: 0;
            font-family: "Inter", sans-serif;
            color: #1b0f2e;
            background: #fff;
            -webkit-font-smoothing: antialiased;
          }
          a {
            color: #e01e96;
          }
          a:hover {
            color: #6d1b78;
          }
          ::selection {
            background: #e01e96;
            color: #fff;
          }
          .secwm {
            position: absolute;
            pointer-events: none;
            user-select: none;
            opacity: 0.04;
            z-index: 0;
          }
          .secwmw {
            filter: brightness(0) invert(1);
            opacity: 0.05;
          }
          .bdiv {
            height: 2px;
            border: none;
            max-width: 520px;
            margin: 0 auto;
            background: linear-gradient(
              90deg,
              rgba(224, 30, 150, 0),
              rgba(224, 30, 150, 0.4) 30%,
              rgba(139, 47, 160, 0.4) 70%,
              rgba(109, 27, 120, 0)
            );
          }
          .man {
            font-family: "Manrope", sans-serif;
          }
          .ms {
            font-family: "Material Symbols Rounded";
            font-weight: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            display: inline-block;
            font-size: 24px;
          }
          .wrap {
            max-width: 1160px;
            margin: 0 auto;
            padding: 0 24px;
          }
          .sec {
            padding: 96px 0;
          }
          .secsm {
            padding: 72px 0;
          }
          .eyeb {
            font-family: "Sora", sans-serif;
            font-weight: 700;
            font-size: 13px;
            letter-spacing: 2.2px;
            text-transform: uppercase;
            color: #e01e96;
            margin: 0 0 16px;
          }
          .eyeb:before {
            content: "";
            display: inline-block;
            width: 18px;
            height: 3px;
            border-radius: 2px;
            background: linear-gradient(90deg, #e01e96, #8b2fa0);
            margin-right: 10px;
            vertical-align: middle;
          }
          .h1 {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: clamp(44px, 5.2vw, 68px);
            line-height: 1.02;
            letter-spacing: -1.8px;
            margin: 0;
          }
          .h2 {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: clamp(32px, 3.8vw, 48px);
            line-height: 1.06;
            letter-spacing: -1.2px;
            margin: 0;
          }
          .h2accent {
            font-weight: 800;
            font-size: 1.15em;
            color: #e01e96;
            letter-spacing: -1.2px;
          }
          .h3 {
            font-family: "Sora", sans-serif;
            font-weight: 700;
            font-size: 22px;
            letter-spacing: -0.2px;
            margin: 0;
          }
          .h2xl {
            font-size: clamp(38px, 4.6vw, 60px);
            line-height: 1.04;
            letter-spacing: -2px;
          }
          .gradtx {
            color: #e01e96;
          }
          .gradtxw {
            color: #ff9bd6;
          }
          .secglow {
            position: absolute;
            width: 560px;
            height: 560px;
            border-radius: 50%;
            background: radial-gradient(
              circle,
              rgba(224, 30, 150, 0.32) 0%,
              rgba(224, 30, 150, 0) 65%
            );
            pointer-events: none;
          }
          .seclines {
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(
              115deg,
              transparent 0 110px,
              rgba(255, 255, 255, 0.04) 110px 112px
            );
            pointer-events: none;
          }
          .bgmesh {
            background:
              radial-gradient(
                700px 460px at 8% 0%,
                rgba(224, 30, 150, 0.07) 0%,
                rgba(224, 30, 150, 0) 60%
              ),
              radial-gradient(
                640px 420px at 96% 30%,
                rgba(109, 27, 120, 0.08) 0%,
                rgba(109, 27, 120, 0) 60%
              ),
              radial-gradient(
                560px 420px at 50% 108%,
                rgba(214, 70, 159, 0.06) 0%,
                rgba(214, 70, 159, 0) 60%
              ),
              #fff;
          }
          .bgdots {
            background-image: radial-gradient(
              rgba(109, 27, 120, 0.1) 1.2px,
              transparent 1.2px
            );
            background-size: 26px 26px;
            background-color: #fdfbfd;
          }
          .bgdotsfade {
            position: absolute;
            inset: 0;
            background: radial-gradient(
              880px 520px at 50% 40%,
              rgba(253, 251, 253, 0) 0%,
              #fdfbfd 78%
            );
            pointer-events: none;
          }
          .bgtintg {
            background: linear-gradient(180deg, #f8f3f8 0%, #fff 90%);
          }
          .bgblob {
            position: absolute;
            border-radius: 52% 48% 61% 39%/48% 55% 45% 52%;
            background: radial-gradient(
              circle at 35% 30%,
              rgba(224, 30, 150, 0.1),
              rgba(139, 47, 160, 0.05) 65%,
              transparent 80%
            );
            pointer-events: none;
            filter: blur(2px);
          }
          .bgring {
            position: absolute;
            border-radius: 50%;
            border: 1.5px solid rgba(224, 30, 150, 0.12);
            pointer-events: none;
          }
          .secrel {
            position: relative;
            overflow: hidden;
          }
          .secrel > .wrap {
            position: relative;
            z-index: 1;
          }
          .lead {
            font-size: 18px;
            line-height: 1.65;
            color: #5c4e68;
            margin: 20px 0 0;
            max-width: 600px;
          }
          .mut {
            color: #5c4e68;
          }
          .mutw {
            color: #cbbad9;
          }
          .btn {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: 15.5px;
            background: linear-gradient(118deg, #e01e96 0%, #b0177a 100%);
            color: #fff;
            border: none;
            border-radius: 999px;
            padding: 16px 32px;
            cursor: pointer;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition:
              transform 0.2s,
              box-shadow 0.2s;
            white-space: nowrap;
          }
          .btn:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 16px 34px rgba(224, 30, 150, 0.4);
          }
          .btno {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: 15.5px;
            background: transparent;
            color: #1b0f2e;
            border: 1.5px solid #d9cbe0;
            border-radius: 999px;
            padding: 15px 30px;
            cursor: pointer;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition:
              border-color 0.2s,
              transform 0.2s;
          }
          .btno:hover {
            border-color: #e01e96;
            color: #e01e96;
            transform: translateY(-2px);
          }
          .btnportal:hover {
            transform: translateY(-2px);
            box-shadow: none;
            color: #fff;
          }
          .btnw {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: 15.5px;
            background: #fff;
            color: #1b0f2e;
            border: none;
            border-radius: 999px;
            padding: 16px 32px;
            cursor: pointer;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: transform 0.2s;
          }
          .btnw:hover {
            transform: translateY(-2px);
          }
          .card {
            background: #fff;
            border: 1px solid #ece1ee;
            border-radius: 20px;
            padding: 28px;
            transition:
              box-shadow 0.25s,
              transform 0.25s;
          }
          .card:hover {
            box-shadow: 0 14px 36px rgba(27, 15, 46, 0.08);
            transform: translateY(-3px);
          }
          .g2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 22px;
          }
          .g3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px;
          }
          .g4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
          }
          .icobox {
            width: 46px;
            height: 46px;
            border-radius: 14px;
            background: #fce9f5;
            color: #e01e96;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
          }
          .icoboxd {
            width: 46px;
            height: 46px;
            border-radius: 14px;
            background: rgba(224, 30, 150, 0.16);
            color: #ff6bc4;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
          }
          .ph {
            background: repeating-linear-gradient(
              45deg,
              #f8f3f8 0 14px,
              #f0e6ef 14px 28px
            );
            border: 1.5px dashed #d9cbe0;
            border-radius: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #8a7a94;
            font-family: ui-monospace, Menlo, monospace;
            font-size: 12px;
            text-align: center;
            padding: 16px;
          }
          .phd {
            background: repeating-linear-gradient(
              45deg,
              rgba(255, 255, 255, 0.05) 0 14px,
              rgba(255, 255, 255, 0.09) 14px 28px
            );
            border: 1.5px dashed rgba(255, 255, 255, 0.28);
            border-radius: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #9a88a8;
            font-family: ui-monospace, Menlo, monospace;
            font-size: 12px;
            text-align: center;
            padding: 16px;
          }
          .dark {
            background: #1b0f2e;
            color: #fff;
          }
          .tint {
            background: #f8f3f8;
          }
          .grad {
            background: linear-gradient(
              115deg,
              #1b0f2e 20%,
              #6d1b78 62%,
              #e01e96 110%
            );
            color: #fff;
          }
          .formcard {
            color: #1b0f2e;
          }
          .hero {
            overflow-x: hidden;
          }
          .chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #fff;
            border: 1px solid #ece1ee;
            border-radius: 999px;
            padding: 9px 16px;
            font-size: 14px;
            font-weight: 600;
          }
          .chipd {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(255, 255, 255, 0.07);
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 999px;
            padding: 9px 16px;
            font-size: 14px;
            font-weight: 500;
            color: #e9dee8;
          }
          .topbar {
            background: #1b0f2e;
          }
          .tbrow {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            height: 44px;
          }
          .segt {
            display: flex;
            align-items: stretch;
          }
          .segl {
            display: flex;
            align-items: center;
            padding: 0 22px;
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 12.5px;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            text-decoration: none;
            color: #cbbad9;
            transition: color 0.2s;
          }
          .segl:hover {
            color: #fff;
          }
          .segl.on {
            background: #fff;
            color: #1b0f2e;
            box-shadow: inset 0 3px 0 #e01e96;
          }
          .tbaux {
            display: flex;
            align-items: center;
            gap: 18px;
            font-size: 12.5px;
          }
          .tblink {
            color: #cbbad9;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 6px;
            font-weight: 600;
          }
          .tblink:hover {
            color: #fff;
          }
          .hdr {
            position: sticky;
            top: 0;
            z-index: 50;
            background: rgba(255, 255, 255, 0.86);
            backdrop-filter: blur(14px);
            border-bottom: 1px solid #f1e8f0;
          }
          .hrow {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 72px;
          }
          .hleft {
            display: flex;
            align-items: center;
            gap: 36px;
          }
          .hright {
            display: flex;
            align-items: center;
            gap: 12px;
          }
          .nlink {
            font-size: 14.5px;
            font-weight: 600;
            color: #1b0f2e;
            text-decoration: none;
            padding: 8px 12px;
            border-radius: 8px;
            transition: color 0.2s;
          }
          .nlink:hover {
            color: #e01e96;
          }
          .navlinks {
            display: flex;
            align-items: center;
            gap: 2px;
          }
          .menubtn {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            color: #1b0f2e;
          }
          .mmenu {
            display: none;
          }
          .logo {
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
          }
          .logotx {
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 21px;
            color: #e01e96;
            letter-spacing: -0.3px;
          }
          .hero {
            background:
              radial-gradient(
                900px 480px at 85% -10%,
                #fce9f5 0%,
                rgba(252, 233, 245, 0) 60%
              ),
              radial-gradient(
                700px 420px at -10% 110%,
                #fce9f5 0%,
                rgba(243, 232, 246, 0) 60%
              );
          }
          .herog {
            display: grid;
            grid-template-columns: 1.05fr 0.95fr;
            gap: 56px;
            align-items: center;
            padding: 84px 0 72px;
          }
          .trustrow {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 32px;
            margin-top: 32px;
          }
          .trustitem2 {
            display: flex;
            align-items: center;
            gap: 12px;
          }
          .trustico3 {
            width: 44px;
            height: 44px;
            border-radius: 13px;
            background: linear-gradient(135deg, #fce9f5, #f4c8e4);
            color: #e01e96;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
          }
          .trustico3 .ms {
            font-size: 23px;
          }
          .trustn2 {
            font-family: "Sora", sans-serif;
            font-weight: 700;
            font-size: 25px;
            letter-spacing: -0.8px;
            display: block;
            line-height: 1;
            color: #e01e96;
          }
          .trustl2 {
            font-size: 13px;
            color: #5c4e68;
            margin-top: 4px;
            font-weight: 600;
          }
          .fchip {
            position: absolute;
            display: flex;
            align-items: center;
            gap: 10px;
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.7);
            box-shadow: 0 10px 30px rgba(27, 15, 46, 0.12);
            border-radius: 16px;
            padding: 12px 16px;
            font-size: 13.5px;
            font-weight: 600;
          }
          .seg {
            display: inline-flex;
            background: #f1e9f1;
            border-radius: 999px;
            padding: 5px;
            gap: 4px;
          }
          .segb {
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 14px;
            border: none;
            border-radius: 999px;
            padding: 10px 22px;
            cursor: pointer;
            background: transparent;
            color: #5c4e68;
            transition: all 0.2s;
          }
          .segb.on {
            background: #1b0f2e;
            color: #fff;
            box-shadow: 0 4px 12px rgba(27, 15, 46, 0.22);
          }
          .plan {
            background: #fff;
            border: 1.5px solid #ece1ee;
            border-radius: 24px;
            padding: 28px 26px;
            display: flex;
            flex-direction: column;
            position: relative;
            transition:
              box-shadow 0.3s,
              transform 0.3s,
              border-color 0.3s;
          }
          .plan:hover {
            box-shadow: 0 22px 52px rgba(224, 30, 150, 0.16);
            transform: translateY(-6px);
            border-color: #f4c8e4;
          }
          .plan.hot {
            border-color: #e01e96;
            box-shadow: 0 20px 50px rgba(224, 30, 150, 0.18);
          }
          .hotb {
            position: absolute;
            top: -13px;
            left: 24px;
            background: #e01e96;
            color: #fff;
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 11px;
            letter-spacing: 1px;
            text-transform: uppercase;
            border-radius: 999px;
            padding: 6px 14px;
          }
          .mbps {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: 56px;
            letter-spacing: -2.8px;
            line-height: 1;
            color: #e01e96;
          }
          .mbpsu {
            font-family: "Sora", sans-serif;
            font-weight: 700;
            font-size: 15px;
            color: #5c4e68;
          }
          .price {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: 29px;
            letter-spacing: -1px;
          }
          .per {
            font-size: 13px;
            color: #5c4e68;
            font-weight: 500;
          }
          .feat {
            display: flex;
            gap: 10px;
            font-size: 14px;
            line-height: 1.5;
            color: #4a3e56;
            align-items: flex-start;
          }
          .fcheck {
            color: #d6469f;
            font-size: 19px;
            margin-top: 1px;
          }
          .plushd {
            font-size: 12.5px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            color: #e01e96;
            margin: 16px 0 10px;
          }
          .tvb {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: #fce9f5;
            color: #6d1b78;
            font-size: 12.5px;
            font-weight: 700;
            border-radius: 999px;
            padding: 5px 12px;
          }
          .plancta {
            margin-top: auto;
            padding-top: 22px;
          }
          .pnote {
            font-size: 13px;
            color: #8a7a94;
            margin-top: 18px;
          }
          .tiert {
            display: inline-flex;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 999px;
            padding: 5px;
            gap: 4px;
          }
          .tierb {
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 14px;
            border: none;
            border-radius: 999px;
            padding: 10px 22px;
            cursor: pointer;
            background: transparent;
            color: #cbbad9;
            transition: all 0.2s;
          }
          .tierb.on {
            background: #e01e96;
            color: #fff;
          }
          .erow {
            display: grid;
            grid-template-columns: 1.3fr 0.9fr 1fr 1.7fr auto;
            gap: 18px;
            align-items: center;
            padding: 20px 24px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            background: rgba(255, 255, 255, 0.045);
            border-radius: 16px;
          }
          .erowh {
            display: grid;
            grid-template-columns: 1.3fr 0.9fr 1fr 1.7fr auto;
            gap: 18px;
            padding: 0 24px;
            font-size: 12px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #9a88a8;
            font-weight: 700;
          }
          .ecta {
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 13.5px;
            color: #fff;
            background: rgba(224, 30, 150, 0.9);
            border: none;
            border-radius: 999px;
            padding: 10px 20px;
            cursor: pointer;
            text-decoration: none;
            white-space: nowrap;
            transition: background 0.2s;
          }
          .ecta:hover {
            background: #e01e96;
          }
          .pilar {
            background: rgba(255, 255, 255, 0.045);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 18px;
            padding: 24px;
          }
          .pilar:hover {
            background: rgba(255, 255, 255, 0.08);
          }
          .step {
            position: relative;
            padding: 0 8px;
          }
          .stepn {
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 15px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #1b0f2e;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 18px;
          }
          .stars {
            display: flex;
            gap: 3px;
            color: #f5b400;
          }
          .stars .ms {
            font-variation-settings: "FILL" 1;
          }
          .stars .ms {
            font-size: 18px;
          }
          .tcard {
            background: #fff;
            border: 1px solid #ece1ee;
            border-radius: 20px;
            padding: 26px;
            display: flex;
            flex-direction: column;
            gap: 16px;
          }
          .tava {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #fce9f5;
            color: #e01e96;
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
          }
          .tcarwrap {
            position: relative;
          }
          .tviewport {
            overflow: hidden;
          }
          .ttrack {
            display: flex;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
          }
          .tcardc {
            flex: 0 0 33.3333%;
            box-sizing: border-box;
            padding: 0 12px;
          }
          .tcard2 {
            background: #fff;
            border: 1px solid #ece1ee;
            border-radius: 20px;
            padding: 28px;
            display: flex;
            flex-direction: column;
            gap: 16px;
            height: 100%;
            box-sizing: border-box;
            transition:
              transform 0.3s,
              box-shadow 0.3s,
              border-color 0.3s;
          }
          .tcard2:hover {
            transform: translateY(-6px);
            box-shadow: 0 24px 48px rgba(224, 30, 150, 0.14);
            border-color: #f4c8e4;
          }
          .tquote {
            margin: 0;
            font-size: 15px;
            line-height: 1.7;
            color: #4a3e56;
            flex: 1;
          }
          .tava2 {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: linear-gradient(135deg, #fce9f5, #f4c8e4);
            color: #e01e96;
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
          }
          .vbadge {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 11px;
            font-weight: 700;
            color: #1e9e6a;
            background: #e9f7ef;
            border-radius: 999px;
            padding: 4px 10px;
            white-space: nowrap;
          }
          .tarrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #ece1ee;
            box-shadow: 0 8px 20px rgba(27, 15, 46, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #1b0f2e;
            transition:
              border-color 0.2s,
              color 0.2s;
            z-index: 2;
          }
          .tarrow:hover {
            border-color: #e01e96;
            color: #e01e96;
          }
          .tarrowl {
            left: -22px;
          }
          .tarrowr {
            right: -22px;
          }
          .tdots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 32px;
          }
          .tdot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #e2d8e4;
            border: none;
            padding: 0;
            cursor: pointer;
            transition:
              background 0.2s,
              width 0.2s;
          }
          .tdot.on {
            background: #e01e96;
            width: 22px;
            border-radius: 5px;
          }
          @media (max-width: 1080px) {
            .tcardc {
              flex: 0 0 50%;
            }
          }
          @media (max-width: 720px) {
            .tcardc {
              flex: 0 0 100%;
            }
            .tarrowl {
              left: 4px;
            }
            .tarrowr {
              right: 4px;
            }
            .tarrow {
              width: 36px;
              height: 36px;
            }
          }
          .faqi {
            border: 1px solid #ece1ee;
            border-radius: 16px;
            background: #fff;
            overflow: hidden;
            transition: border-color 0.2s;
          }
          .faqi.open {
            border-color: #1b0f2e;
          }
          .faqq {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 20px 22px;
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 16px;
            color: #1b0f2e;
            text-align: left;
          }
          .faqa {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease;
            font-size: 15px;
            line-height: 1.65;
            color: #5c4e68;
          }
          .faqi.open .faqa {
            max-height: 220px;
          }
          .faqx {
            transition: transform 0.3s;
            color: #8a7a94;
          }
          .faqi.open .faqx {
            transform: rotate(180deg);
          }
          .inp {
            width: 100%;
            box-sizing: border-box;
            border: 1.5px solid #e7dce8;
            border-radius: 12px;
            padding: 14px 16px;
            font-family: "Inter", sans-serif;
            font-size: 15px;
            color: #1b0f2e;
            background: #fff;
            outline: none;
            transition: border-color 0.2s;
          }
          .inp:focus {
            border-color: #e01e96;
          }
          .lbl {
            font-size: 13px;
            font-weight: 600;
            color: #4a3e56;
            margin: 0 0 7px;
            display: block;
          }
          .fld {
            margin-bottom: 18px;
          }
          .formcard {
            background: #fff;
            border-radius: 26px;
            padding: 40px;
            box-shadow: 0 30px 70px rgba(27, 15, 46, 0.28);
          }
          .ftit {
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 15px;
            color: #fff;
            margin: 0 0 18px;
          }
          .flink {
            display: block;
            color: #cbbad9;
            text-decoration: none;
            font-size: 14.5px;
            padding: 5px 0;
            transition: color 0.2s;
          }
          .flink:hover {
            color: #fff;
          }
          .foot2 {
            background: #1b0f2e;
            position: relative;
            overflow: hidden;
          }
          .f2grid {
            display: grid;
            grid-template-columns: 1.25fr 1fr 1.1fr 1fr 1fr 1.2fr;
            gap: 28px;
            padding: 64px 0 56px;
            position: relative;
            z-index: 1;
          }
          .f2tit {
            font-family: "Sora", sans-serif;
            font-weight: 700;
            font-size: 15px;
            color: #fff;
            margin: 0 0 14px;
          }
          .f2link {
            display: flex;
            align-items: center;
            gap: 5px;
            color: #cbbad9;
            text-decoration: none;
            font-size: 13.5px;
            padding: 5px 0;
            transition: color 0.2s;
          }
          .f2link:hover {
            color: #fff;
          }
          .f2link .ms {
            font-size: 16px;
            color: #ff6bc4;
            flex: none;
          }
          .f2bar {
            background: rgba(0, 0, 0, 0.18);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
          }
          .f2barrow {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding: 26px 0;
            flex-wrap: wrap;
          }
          .f2legal {
            margin: 0;
            font-size: 13px;
            color: #9a88a8;
            line-height: 1.6;
            max-width: 520px;
          }
          .f2la {
            color: #cbbad9;
            font-weight: 600;
            text-decoration: none;
          }
          .f2la:hover {
            color: #fff;
          }
          .f2acc {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
          }
          .f2acc:hover {
            color: #ff9bd6;
          }
          @media (max-width: 1080px) {
            .f2grid {
              grid-template-columns: repeat(3, 1fr);
            }
            .f2logo {
              grid-column: 1/-1;
            }
          }
          @media (max-width: 600px) {
            .f2grid {
              grid-template-columns: 1fr 1fr;
              padding: 48px 0 40px;
            }
          }
          .soc {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.14);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            transition:
              transform 0.25s,
              background 0.25s,
              box-shadow 0.25s;
          }
          .soc img {
            width: 20px;
            height: 20px;
            object-fit: contain;
            border-radius: 5px;
          }
          .soc:hover {
            background: rgba(224, 30, 150, 0.5);
            transform: translateY(-3px) scale(1.06);
            box-shadow: 0 10px 22px rgba(224, 30, 150, 0.35);
          }
          .wafab {
            position: fixed;
            right: 22px;
            bottom: 22px;
            z-index: 60;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #25d366;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 12px 30px rgba(37, 211, 102, 0.4);
            text-decoration: none;
            transition: transform 0.2s;
          }
          .wafab:hover {
            transform: scale(1.08);
          }
          .rev {
            opacity: 0;
            transform: translateY(18px);
            transition:
              opacity 0.7s ease,
              transform 0.7s ease;
          }
          .rev.vis {
            opacity: 1;
            transform: none;
          }
          .evc {
            background: #fff;
            border: 1px solid #ece1ee;
            border-radius: 18px;
            padding: 20px 22px;
            display: flex;
            align-items: center;
            gap: 14px;
            font-weight: 600;
            font-size: 15px;
          }
          .covz {
            display: flex;
            gap: 14px;
            align-items: flex-start;
            padding: 18px 0;
            border-bottom: 1px solid #f1e8f0;
          }
          .hcar {
            position: relative;
            height: 480px;
            overflow: hidden;
          }
          .hslide {
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.8s ease;
          }
          .hslide.on {
            opacity: 1;
            visibility: visible;
          }
          .hsg {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            box-sizing: border-box;
          }
          .hstitle {
            min-height: 2.1em;
            max-height: 2.1em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          .hssub {
            min-height: 3.4em;
            max-height: 3.4em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          .hsart {
            position: relative;
            height: 440px;
            border-radius: 26px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          .gA {
            background: linear-gradient(140deg, #e01e96 0%, #6d1b78 100%);
          }
          .gB {
            background: linear-gradient(140deg, #6d1b78 0%, #1b0f2e 100%);
          }
          .gC {
            background: linear-gradient(140deg, #8b2fa0 0%, #e01e96 100%);
          }
          .gD {
            background: linear-gradient(140deg, #d6469f 0%, #1b0f2e 100%);
          }
          .pB {
            background: linear-gradient(120deg, #1b0f2e, #6d1b78);
          }
          .pC {
            background: linear-gradient(
              115deg,
              #14081f 0%,
              #4a1259 52%,
              #b0177a 100%
            );
          }
          .pD {
            background: linear-gradient(
              115deg,
              #1b0f2e 0%,
              #6d1b78 55%,
              #e01e96 100%
            );
          }
          .hsph {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255, 255, 255, 0.85);
            font-family: ui-monospace, Menlo, monospace;
            font-size: 12.5px;
            text-align: center;
            padding: 24px;
            line-height: 1.6;
          }
          .hsbadge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #fff;
            border-radius: 999px;
            padding: 8px 15px;
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 12px;
            letter-spacing: 1px;
            text-transform: uppercase;
            box-shadow: 0 6px 18px rgba(27, 15, 46, 0.1);
          }
          .carbtn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 6;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #ece1ee;
            box-shadow: 0 8px 22px rgba(27, 15, 46, 0.14);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #1b0f2e;
            transition: transform 0.2s;
          }
          .carbtn:hover {
            transform: translateY(-50%) scale(1.08);
          }
          .cardots {
            position: absolute;
            bottom: 18px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 6;
            display: flex;
            gap: 9px;
          }
          .cardot {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: rgba(27, 15, 46, 0.22);
            border: none;
            cursor: pointer;
            padding: 0;
            transition: all 0.3s;
          }
          .cardot.on {
            width: 28px;
            border-radius: 999px;
            background: #e01e96;
          }
          .pkg {
            background: #fff;
            border: 1px solid #ece1ee;
            border-radius: 22px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            transition:
              box-shadow 0.25s,
              transform 0.25s;
          }
          .pkg:hover {
            box-shadow: 0 18px 44px rgba(27, 15, 46, 0.12);
            transform: translateY(-4px);
          }
          .pkgtop {
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            color: #fff;
          }
          .pkgtop .ms {
            font-size: 44px;
          }
          .pkgcombo {
            position: absolute;
            bottom: -15px;
            left: 24px;
            display: flex;
            align-items: center;
            gap: 8px;
            background: #fff;
            border-radius: 999px;
            padding: 7px 14px;
            box-shadow: 0 6px 18px rgba(27, 15, 46, 0.12);
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 12.5px;
          }
          .pkgbody {
            padding: 30px 24px 26px;
            display: flex;
            flex-direction: column;
            flex: 1;
          }
          .pkgrow {
            display: flex;
            align-items: flex-start;
            gap: 18px;
            flex-wrap: wrap;
          }
          .pk2 {
            background: #fff;
            border: 1px solid #ece1ee;
            border-radius: 22px;
            display: flex;
            flex-direction: column;
            position: relative;
            transition:
              box-shadow 0.25s,
              transform 0.25s;
            flex: 1;
            min-width: 236px;
          }
          .pk2 > .pkribbon {
            border-radius: 20px 20px 0 0;
          }
          .pk2:hover {
            box-shadow: 0 16px 38px rgba(27, 15, 46, 0.1);
            transform: translateY(-3px);
          }
          .pk2.t1 {
            flex: 1 1 0;
          }
          .pk2.t2 {
            flex: 1 1 0;
          }
          .pk2.t3 {
            flex: 1 1 0;
          }
          .pk2.t4 {
            flex: 1 1 0;
            border: 2px solid #e01e96;
            box-shadow: 0 26px 60px rgba(224, 30, 150, 0.2);
            z-index: 2;
          }
          .pk2.t4:hover {
            box-shadow: 0 30px 66px rgba(224, 30, 150, 0.26);
            transform: translateY(-6px);
          }
          .pkribbon {
            background: #e01e96;
            color: #fff;
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 12px;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-align: center;
            padding: 9px 12px;
          }
          .pkhd {
            padding: 22px 22px 4px;
          }
          .pkgsec {
            position: relative;
            overflow: hidden;
          }
          .pksecwm {
            position: absolute;
            top: 50%;
            right: -6%;
            transform: translateY(-50%);
            width: 640px;
            max-width: 52vw;
            opacity: 0.05;
            pointer-events: none;
            z-index: 0;
            filter: grayscale(1) contrast(0) brightness(0);
          }
          .pkgsec > .wrap {
            position: relative;
            z-index: 1;
          }
          .pk2.t2 .pkhd {
            padding: 25px 22px 4px;
          }
          .pk2.t3 .pkhd {
            padding: 28px 24px 4px;
          }
          .pk2.t4 .pkhd {
            padding: 32px 26px 6px;
          }
          .pktag {
            font-family: "Manrope", sans-serif;
            font-weight: 800;
            font-size: 11px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #e01e96;
          }
          .pktitle {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            letter-spacing: -0.6px;
            margin: 8px 0 6px;
          }
          .pk2.t1 .pktitle {
            font-size: 18px;
          }
          .pk2.t2 .pktitle {
            font-size: 20px;
          }
          .pk2.t3 .pktitle {
            font-size: 22px;
          }
          .pk2.t4 .pktitle {
            font-size: 26px;
          }
          .pkchips {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            margin: 8px 0 4px;
            align-items: center;
          }
          .alichip {
            height: 20px;
            width: auto;
            max-width: 78px;
            object-fit: contain;
          }
          .pkfeat {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 9px 0;
            border-top: 1px solid #f3ecf2;
            font-size: 13.5px;
          }
          .pkfeat.off {
            color: #b7a7c0;
          }
          .pkfico {
            width: 18px;
            flex: none;
            text-align: center;
            font-size: 16px;
          }
          .pkfico.yes {
            color: #d6469f;
          }
          .pkfico.no {
            color: #e5d9e6;
          }
          .pkbody2 {
            padding: 14px 22px 24px;
            display: flex;
            flex-direction: column;
            flex: 1;
          }
          .pk2.t4 .pkbody2 {
            padding: 14px 26px 28px;
          }
          .pkcta {
            margin-top: auto;
            padding-top: 18px;
          }
          .alised {
            background: linear-gradient(
              135deg,
              #1b0f2e 0%,
              #3a1440 45%,
              #4a1f52 100%
            );
            border-radius: 0;
            position: relative;
            overflow: hidden;
          }
          .alised .wrap {
            position: relative;
            z-index: 1;
          }
          .gradsec {
            position: relative;
            overflow: hidden;
          }
          .gradsec .wrap {
            position: relative;
            z-index: 1;
          }
          .aligrid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
          }
          .alic2 {
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 26px;
            padding: 28px 26px;
            display: flex;
            flex-direction: column;
            backdrop-filter: blur(12px);
            position: relative;
            overflow: hidden;
            transition:
              transform 0.3s,
              box-shadow 0.3s,
              border-color 0.3s,
              background 0.3s;
          }
          .alic2:hover {
            transform: translateY(-8px);
            border-color: rgba(255, 107, 196, 0.45);
            background: rgba(255, 255, 255, 0.09);
            box-shadow: 0 30px 64px rgba(224, 30, 150, 0.22);
          }
          .alic2glow {
            position: absolute;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            right: -110px;
            top: -130px;
            background: radial-gradient(
              circle,
              rgba(224, 30, 150, 0.22) 0%,
              rgba(224, 30, 150, 0) 65%
            );
            pointer-events: none;
            transition: opacity 0.3s;
            opacity: 0.6;
          }
          .alic2:hover .alic2glow {
            opacity: 1;
          }
          .alilogobox {
            height: 92px;
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1;
          }
          .alilogo {
            max-width: 64%;
            max-height: 72px;
            object-fit: contain;
          }
          .alitag2 {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: rgba(255, 107, 196, 0.14);
            border: 1px solid rgba(255, 107, 196, 0.3);
            color: #ff9bd6;
            font-family: "Sora", sans-serif;
            font-weight: 700;
            font-size: 11px;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            border-radius: 999px;
            padding: 6px 14px;
            align-self: flex-start;
            margin-top: 20px;
            position: relative;
            z-index: 1;
          }
          .alitag2 .ms {
            font-size: 15px;
            font-variation-settings: "FILL" 1;
          }
          .alittl {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: 21px;
            letter-spacing: -0.4px;
            color: #fff;
            margin: 14px 0 0;
            position: relative;
            z-index: 1;
          }
          .alidesc {
            font-size: 14.5px;
            line-height: 1.65;
            color: #cbbad9;
            margin: 10px 0 0;
            position: relative;
            z-index: 1;
          }
          .alifeat {
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: 13.5px;
            color: #e9dee8;
            padding: 7px 0;
            position: relative;
            z-index: 1;
          }
          .alifeat .ms {
            font-size: 17px;
            color: #ff6bc4;
            font-variation-settings: "FILL" 1;
          }
          .alicta2 {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: 14.5px;
            color: #fff;
            background: rgba(255, 255, 255, 0.1);
            border: 1.5px solid rgba(255, 255, 255, 0.22);
            border-radius: 999px;
            padding: 13px 24px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin-top: auto;
            transition:
              background 0.25s,
              border-color 0.25s;
            position: relative;
            z-index: 1;
          }
          .alic2:hover .alicta2 {
            background: #e01e96;
            border-color: #e01e96;
          }
          .promostrip {
            position: relative;
            border-radius: 26px;
            height: 230px;
            box-shadow: 0 28px 64px rgba(109, 27, 120, 0.32);
          }
          .promoslide {
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.6s ease;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 26px;
            padding: 36px 40px;
            flex-wrap: nowrap;
            border-radius: 26px;
            overflow: hidden;
            box-sizing: border-box;
          }
          .promoslide.on {
            opacity: 1;
            visibility: visible;
          }
          .promoglow {
            position: absolute;
            width: 480px;
            height: 480px;
            border-radius: 50%;
            background: radial-gradient(
              circle,
              rgba(224, 30, 150, 0.55) 0%,
              rgba(224, 30, 150, 0) 65%
            );
            left: -150px;
            top: -190px;
            pointer-events: none;
          }
          .promoglow.g2 {
            left: auto;
            right: -130px;
            top: auto;
            bottom: -280px;
            background: radial-gradient(
              circle,
              rgba(255, 155, 214, 0.3) 0%,
              rgba(255, 155, 214, 0) 65%
            );
          }
          .promolines {
            position: absolute;
            inset: 0;
            pointer-events: none;
          }
          .promoval {
            flex: none;
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
          }
          .promovalbig {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: clamp(76px, 8.5vw, 112px);
            letter-spacing: -5px;
            line-height: 0.9;
            color: #fff;
            filter: drop-shadow(0 10px 32px rgba(224, 30, 150, 0.5));
            display: block;
          }
          .promovall {
            font-family: "Sora", sans-serif;
            font-weight: 700;
            font-size: 13px;
            color: #ff9bd6;
            text-transform: uppercase;
            letter-spacing: 3.5px;
            margin-top: 10px;
          }
          .promowm {
            position: absolute;
            top: 50%;
            right: 24%;
            width: 230px;
            transform: translateY(-50%) rotate(-8deg);
            opacity: 0.07;
            pointer-events: none;
            filter: brightness(0) invert(1);
            z-index: 0;
          }
          .promomid {
            position: relative;
            z-index: 1;
            flex: 1;
            min-width: 0;
          }
          .promokick {
            font-family: "Sora", sans-serif;
            font-weight: 700;
            font-size: 11.5px;
            letter-spacing: 2.6px;
            text-transform: uppercase;
            color: #ff6bc4;
          }
          .promoT {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: clamp(24px, 2.7vw, 34px);
            line-height: 1.08;
            letter-spacing: -1.2px;
            color: #fff;
            margin-top: 9px;
            min-height: 2.2em;
            max-height: 2.2em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          .promohiw {
            color: #ff9bd6;
          }
          .promosub {
            font-size: 15px;
            color: rgba(255, 255, 255, 0.8);
            margin-top: 10px;
            max-width: 430px;
            line-height: 1.55;
            min-height: 2.6em;
            max-height: 2.6em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          .promochips {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 16px;
          }
          .promochip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.22);
            backdrop-filter: blur(6px);
            color: #fff;
            font-size: 12px;
            font-weight: 600;
            border-radius: 999px;
            padding: 6px 13px;
          }
          .promochip .ms {
            font-size: 15px;
            color: #ff9bd6;
          }
          .promocta {
            font-family: "Sora", sans-serif;
            font-weight: 800;
            font-size: 16px;
            color: #6d1b78;
            background: #fff;
            border: none;
            border-radius: 999px;
            padding: 17px 32px;
            cursor: pointer;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition:
              transform 0.2s,
              box-shadow 0.2s;
            position: relative;
            z-index: 1;
            flex: none;
            box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
          }
          .promocta:hover {
            transform: translateY(-3px) scale(1.03);
            box-shadow: 0 20px 44px rgba(224, 30, 150, 0.5);
          }
          .promodots {
            position: absolute;
            bottom: 16px;
            right: 24px;
            z-index: 4;
            display: flex;
            gap: 7px;
          }
          .pmdot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.35);
            border: none;
            cursor: pointer;
            padding: 0;
            transition: all 0.3s;
          }
          .pmdot.on {
            width: 24px;
            border-radius: 999px;
            background: #fff;
          }
          @media (max-width: 960px) {
            .herog {
              grid-template-columns: 1fr;
              gap: 40px;
              padding: 56px 0 48px;
            }
            .g3,
            .g4 {
              grid-template-columns: 1fr 1fr;
            }
            .g2 {
              grid-template-columns: 1fr;
            }
            .navlinks {
              display: none;
            }
            .hideonmobile {
              display: none;
            }
            .menubtn {
              display: flex;
            }
            .mmenu {
              display: flex;
              flex-direction: column;
              gap: 2px;
              padding: 12px 24px 20px;
              background: #fff;
              border-bottom: 1px solid #f1e8f0;
            }
            .erow {
              grid-template-columns: 1fr 1fr;
              gap: 10px;
            }
            .erowh {
              display: none;
            }
            .heroimg {
              order: -1;
            }
            .hsart {
              display: none;
            }
            .hcar {
              height: 540px;
            }
            .carbtn {
              display: none;
            }
            .pkgrow {
              flex-direction: column;
            }
            .pk2 {
              min-width: 0;
              width: 100%;
            }
            .pk2.t4 {
              order: -1;
            }
            .aligrid {
              grid-template-columns: 1fr;
            }
          }
          @media (max-width: 600px) {
            .g3,
            .g4 {
              grid-template-columns: 1fr;
            }
            .sec {
              padding: 64px 0;
            }
            .formcard {
              padding: 26px;
            }
            .erow {
              grid-template-columns: 1fr;
            }
            .pksecwm {
              max-width: 80vw;
              opacity: 0.04;
            }
            .promoval {
              display: none;
            }
            .promowm {
              display: none;
            }
            .hcar {
              height: 560px;
            }
            .hstitle {
              min-height: 2.3em;
              max-height: 2.3em;
            }
            .hssub {
              min-height: 3.8em;
              max-height: 3.8em;
            }
          }