@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  background-image: url(mediakitbg.png);
      background-size:cover;
  min-height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
/* @FONTWARNING[{"type": "restricted", "family": "KN Maiyuan-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "KNMaiyuan-Regular";
  src: local("KNMaiyuan-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Dreamy Notes Script-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Dreamy Notes Script";
  src: local("Dreamy Notes Script");
}
/* @FONTWARNING[{"type": "restricted", "family": "Vividly-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */
@font-face {
  font-family: "Dreamy Notes Script";
  src: url("./Dreamy\ Notes\ Script.otf") format("woff2"),
       url("./Dreamy\ Notes\ Script.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: "Vividly-Regular";
    src: url("./Vividly-Regular.otf") format("woff2"),
         url("./Vividly-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Vividly-Regular";
  src: local("Vividly-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Winkle-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */
@font-face {
    font-family: "KNMaiyuan-Regular";
    src: url("./KNMaiyuan-Regular.ttf") format("woff2"),
         url("./KNMaiyuan-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Winkle-Regular";
  src: local("Winkle-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Rabbit-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */
@font-face {
    font-family: "Winkle-Regular";
    src: url("./Winkle-Regular.otf") format("woff2"),
         url("./Winkle-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Rabbit-Regular";
  src: local("Rabbit-Regular");
}
@font-face {
    font-family: "Rabbit-Regular";
    src: url("./Rabbit-Regular.otf") format("woff2"),
         url("./Rabbit-Regular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
/* @FONTWARNING[{"type": "restricted", "family": "Peperrito Ornaments-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Peperrito Ornaments Regular";
  src: local("Peperrito Ornaments Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Too Freakin Cute Demo-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */
@font-face {
    font-family: "Peperrito Ornaments Regular";
    src: url("./PeperritoOrnaments-Regular.otf") format("woff2"),
         url("./PeperritoOrnaments-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Too Freaking Cute Demo";
    src: url("./Too\ Freakin\ Cute\ Demo.ttf") format("woff2"),
         url("./Too\ Freakin\ Cute\ Demo.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Too Freakin Cute Demo";
  src: local("Too Freakin Cute Demo");
}
.mediakit {
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  min-width: 390px;
  min-height: 2242.85px;
  position: relative;
}

.mediakit .ellipse {
  position: absolute;
  top: 75px;
  left: calc(50.00% - 39px);
  width: 77px;
  height: 77px;
}

.mediakit .div {
  position: absolute;
  top: 73px;
  left: calc(50.00% - 40px);
  width: 80px;
  height: 80px;
  border-radius: 39.9px;
  border: 1.39px solid;
  border-color: #ff99ca;
}

.mediakit .jeon-rabbit {
  position: absolute;
  top: 172px;
  left: calc(50.00% - 86px);
  -webkit-text-stroke: 0.07px #ff99ca;
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mediakit .text-wrapper {
  font-family: "KNMaiyuan-Regular";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  letter-spacing: 0;
}

.mediakit .span {
  font-family: "Dreamy Notes Script";
}

.mediakit .about-me {
  position: absolute;
  top: 521px;
  left: calc(50.00% - 128px);
  -webkit-text-stroke: 0.07px #ff99ca;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  letter-spacing: 0;
  line-height: normal;
}

.mediakit .lifestyle-designer {
  top: 197px;
  left: calc(50.00% - 68px);
  font-size: 11.1px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .rectangle {
  position: absolute;
  top: 309px;
  left: calc(50.00% - 131px);
  width: 262px;
  height: 83px;
}

.mediakit .img {
  position: absolute;
  top: 592px;
  left: calc(50.00% + 31px);
  width: 100px;
  height: 67px;
}

.mediakit .rectangle-2 {
  position: absolute;
  top: 535px;
  left: calc(50.00% + 34px);
  width: 94px;
  height: 101px;
  object-fit: cover;
}

.mediakit .rectangle-3 {
  position: absolute;
  top: 532px;
  left: calc(50.00% + 30px);
  width: 101px;
  height: 107px;
}

.mediakit .rectangle-4 {
  position: absolute;
  top: 452px;
  left: calc(50.00% - 131px);
  width: 262px;
  height: 47px;
}

.mediakit .rectangle-5 {
  position: absolute;
  top: 396px;
  left: calc(50.00% - 105px);
  width: 102px;
  height: 29px;
}

.mediakit .p {
  position: absolute;
  top: 324px;
  left: calc(50.00% - 93px);
  width: 187px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 9.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .rectangle-6 {
  position: absolute;
  top: 833px;
  left: calc(50.00% - 136px);
  width: 166px;
  height: 166px;
}

.mediakit .rectangle-7 {
  position: absolute;
  top: 1034px;
  left: calc(50.00% - 48px);
  width: 96px;
  height: 88px;
}

.mediakit .rectangle-8 {
  position: absolute;
  top: 1020px;
  left: calc(50.00% - 33px);
  width: 67px;
  height: 63px;
  object-fit: cover;
}

.mediakit .rectangle-9 {
  position: absolute;
  top: 833px;
  left: calc(50.00% + 34px);
  width: 102px;
  height: 166px;
}

.mediakit .rectangle-10 {
  position: absolute;
  top: 846px;
  left: calc(50.00% - 125px);
  width: 144px;
  height: 100px;
  object-fit: cover;
}

.mediakit .haiii-i-m-rabbit-the {
  position: absolute;
  top: 563px;
  left: calc(50.00% - 128px);
  width: 151px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-2 {
  position: absolute;
  top: 938px;
  left: calc(50.00% + 49px);
  width: 72px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-3 {
  position: absolute;
  top: 642px;
  left: calc(50.00% + 44px);
  width: 72px;
  -webkit-text-stroke: 0.07px #ff99ca;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 5.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .followers-across {
  position: absolute;
  top: 477px;
  left: calc(50.00% - 109px);
  width: 47px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 6.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .monthly-views {
  position: absolute;
  top: 477px;
  left: calc(50.00% - 52px);
  width: 47px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 6.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .engagement-rate {
  position: absolute;
  top: 477px;
  left: calc(50.00% + 5px);
  width: 47px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 6.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .platforms-worldwide {
  position: absolute;
  top: 477px;
  left: calc(50.00% + 62px);
  width: 47px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 6.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .element {
  position: absolute;
  top: 470px;
  left: calc(50.00% - 109px);
  width: 47px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .text-wrapper-4 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .text-wrapper-5 {
  font-family: "Winkle-Regular", Helvetica;
}

.mediakit .element-k {
  position: absolute;
  top: 470px;
  left: calc(50.00% - 52px);
  width: 47px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .element-2 {
  position: absolute;
  top: 470px;
  left: calc(50.00% + 5px);
  width: 47px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .text-wrapper-6 {
  font-family: "Rabbit-Regular";
}

.mediakit .text-wrapper-7 {
  position: absolute;
  top: 470px;
  left: calc(50.00% + 62px);
  width: 47px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 4.2px;
}

.mediakit .text-wrapper-8 {
  position: absolute;
  top: 407px;
  left: calc(50.00% - 93px);
  width: 81px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 9.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
  white-space: nowrap;
}

.mediakit .rectangle-11 {
  position: absolute;
  top: 396px;
  left: calc(50.00% - 3px);
  width: 102px;
  height: 29px;
}

.mediakit .view-portfolio {
  position: absolute;
  top: 407px;
  left: calc(50.00% + 7px);
  width: 81px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 9.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
  white-space: nowrap;
}

.mediakit .what-i-create {
  position: absolute;
  top: 806px;
  left: calc(50.00% - 104px);
  width: 208px;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-9 {
  position: absolute;
  top: 961px;
  left: calc(50.00% - 112px);
  width: 85px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.2px;
  letter-spacing: 0;
  line-height: 11.1px;
}

.mediakit .text-wrapper-10 {
  top: 920px;
  left: calc(50.00% + 43px);
  width: 85px;
  line-height: 11.1px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
}

.mediakit .text-wrapper-11 {
  position: absolute;
  top: 966px;
  left: calc(50.00% - 5px);
  width: 12px;
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ff99ca;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 11.1px;
}

.mediakit .rectangle-12 {
  position: absolute;
  top: 723px;
  left: calc(50.00% - 136px);
  width: 65px;
  height: 32px;
}

.mediakit .text-wrapper-12 {
  left: calc(50.00% - 123px);
  position: absolute;
  top: 733px;
  width: 39px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 12.5px;
}

.mediakit .rectangle-13 {
  position: absolute;
  top: 723px;
  left: calc(50.00% - 67px);
  width: 65px;
  height: 32px;
}

.mediakit .text-wrapper-13 {
  left: calc(50.00% - 54px);
  position: absolute;
  top: 733px;
  width: 39px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 12.5px;
}

.mediakit .rectangle-14 {
  position: absolute;
  top: 723px;
  left: calc(50.00% + 2px);
  width: 65px;
  height: 32px;
}

.mediakit .text-wrapper-14 {
  left: calc(50.00% + 15px);
  position: absolute;
  top: 733px;
  width: 39px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 12.5px;
}

.mediakit .rectangle-15 {
  position: absolute;
  top: 723px;
  left: calc(50.00% + 71px);
  width: 65px;
  height: 32px;
}

.mediakit .text-wrapper-15 {
  left: calc(50.00% + 84px);
  position: absolute;
  top: 733px;
  width: 39px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 12.5px;
}

.mediakit .languages {
  position: absolute;
  top: 699px;
  left: calc(50.00% - 69px);
  width: 138px;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .star {
  left: 66px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-2 {
  left: 80px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-3 {
  left: 93px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-4 {
  left: 106px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-5 {
  left: 141px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-6 {
  left: 155px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-7 {
  left: 168px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-8 {
  left: 211px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-9 {
  left: 225px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-10 {
  left: 238px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-11 {
  left: 281px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-12 {
  left: 294px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .star-13 {
  left: 307px;
  position: absolute;
  top: 762px;
  width: 9px;
  height: 9px;
}

.mediakit .graphic-design {
  position: absolute;
  top: 1093px;
  left: calc(50.00% - 23px);
  width: 45px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .rectangle-16 {
  position: absolute;
  top: 1034px;
  left: calc(50.00% + 49px);
  width: 96px;
  height: 88px;
}

.mediakit .rectangle-17 {
  position: absolute;
  top: 1020px;
  left: calc(50.00% + 64px);
  width: 67px;
  height: 63px;
}

.mediakit .rectangle-18 {
  position: absolute;
  top: 846px;
  left: calc(50.00% + 52px);
  width: 67px;
  height: 63px;
  object-fit: cover;
}

.mediakit .website-app-design {
  position: absolute;
  top: 1093px;
  left: calc(50.00% + 66px);
  width: 60px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .ellipse-2 {
  position: absolute;
  top: 1560px;
  left: 155px;
  width: 35px;
  height: 15px;
  background-color: #ffe6f2;
  border-radius: 17.68px / 7.63px;
  transform: rotate(-16.44deg);
}

.mediakit .ellipse-3 {
  position: absolute;
  top: 1560px;
  left: 205px;
  width: 35px;
  height: 11px;
  background-color: #ffe6f2;
  border-radius: 17.68px / 5.59px;
  transform: rotate(-32.4deg);
}

.mediakit .ellipse-4 {
  position: absolute;
  top: 1560px;
  left: 256px;
  width: 35px;
  height: 13px;
  background-color: #ffe6f2;
  border-radius: 17.68px / 6.34px;
  transform: rotate(-165.26deg);
}

.mediakit .ellipse-5 {
  position: absolute;
  top: 1556px;
  left: 309px;
  width: 32px;
  height: 20px;
  background-color: #ffe6f2;
  border-radius: 16.14px / 10.02px;
  transform: rotate(-148.64deg);
}

.mediakit .text-wrapper-16 {
  position: absolute;
  top: 1558px;
  left: calc(50.00% + 100px);
  width: 58px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .ellipse-6 {
  position: absolute;
  top: 1557px;
  left: 55px;
  width: 35px;
  height: 18px;
  background-color: #ffe6f2;
  border-radius: 17.68px / 9.08px;
  transform: rotate(-32.4deg);
}

.mediakit .ellipse-7 {
  position: absolute;
  top: 1563px;
  left: 104px;
  width: 35px;
  height: 11px;
  background-color: #ffe6f2;
  border-radius: 17.68px / 5.59px;
  transform: rotate(-145.67deg);
}

.mediakit .rectangle-19 {
  position: absolute;
  top: 1034px;
  left: calc(50.00% - 145px);
  width: 96px;
  height: 88px;
}

.mediakit .rectangle-20 {
  position: absolute;
  top: 1020px;
  left: calc(50.00% - 131px);
  width: 67px;
  height: 63px;
  object-fit: cover;
}

.mediakit .social-media-content {
  top: 1093px;
  left: calc(50.00% - 125px);
  width: 52px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .rectangle-21 {
  position: absolute;
  top: 1185px;
  left: calc(50.00% - 30px);
  width: 166px;
  height: 166px;
}

.mediakit .rectangle-22 {
  position: absolute;
  top: 1386px;
  left: calc(50.00% - 48px);
  width: 96px;
  height: 88px;
}

.mediakit .rectangle-23 {
  position: absolute;
  top: 1372px;
  left: calc(50.00% - 33px);
  width: 67px;
  height: 63px;
  object-fit: cover;
}

.mediakit .rectangle-24 {
  position: absolute;
  top: 1185px;
  left: calc(50.00% - 136px);
  width: 102px;
  height: 166px;
}

.mediakit .rectangle-25 {
  position: absolute;
  top: 1198px;
  left: calc(50.00% - 19px);
  width: 144px;
  height: 100px;
  object-fit: cover;
}

.mediakit .featured-work {
  position: absolute;
  top: 1158px;
  left: calc(50.00% - 107px);
  width: 214px;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .visual-branding {
  position: absolute;
  top: 1313px;
  left: calc(50.00% + 27px);
  width: 85px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.2px;
  text-align: right;
  letter-spacing: 0;
  line-height: 11.1px;
}

.mediakit .text-wrapper-17 {
  position: absolute;
  top: 1317px;
  left: calc(50.00% - 6px);
  width: 12px;
  transform: rotate(-16.5deg);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ff99ca;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 11.1px;
}

.mediakit .text-wrapper-18 {
  position: absolute;
  top: 1445px;
  left: calc(50.00% - 23px);
  width: 56px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .rectangle-26 {
  position: absolute;
  top: 1386px;
  left: calc(50.00% - 145px);
  width: 96px;
  height: 88px;
}

.mediakit .text-wrapper-19 {
  position: absolute;
  top: 1288px;
  left: calc(50.00% - 123px);
  width: 72px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-20 {
  top: 1270px;
  left: calc(50.00% - 129px);
  width: 85px;
  font-size: 11.8px;
  text-align: center;
  line-height: 11.1px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  letter-spacing: 0;
}

.mediakit .rectangle-27 {
  position: absolute;
  top: 1372px;
  left: calc(50.00% - 131px);
  width: 67px;
  height: 63px;
  object-fit: cover;
}

.mediakit .rectangle-28 {
  position: absolute;
  top: 1198px;
  left: calc(50.00% - 119px);
  width: 67px;
  height: 63px;
  object-fit: cover;
}

.mediakit .text-wrapper-21 {
  position: absolute;
  top: 1445px;
  left: calc(50.00% - 120px);
  width: 45px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-22 {
  position: absolute;
  top: 1558px;
  left: calc(50.00% - 52px);
  width: 58px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .UGC-videos {
  top: 1558px;
  left: calc(50.00% - 1px);
  width: 58px;
  line-height: 9px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
}

.mediakit .text-wrapper-23 {
  position: absolute;
  top: 1558px;
  left: calc(50.00% + 49px);
  width: 58px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-24 {
  top: 1558px;
  left: calc(50.00% - 153px);
  width: 58px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-25 {
  position: absolute;
  top: 1558px;
  left: calc(50.00% - 103px);
  width: 58px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .rectangle-29 {
  position: absolute;
  top: 1386px;
  left: calc(50.00% + 49px);
  width: 96px;
  height: 88px;
}

.mediakit .rectangle-30 {
  position: absolute;
  top: 1372px;
  left: calc(50.00% + 64px);
  width: 67px;
  height: 63px;
  object-fit: cover;
}

.mediakit .text-wrapper-26 {
  top: 1445px;
  left: calc(50.00% + 71px);
  width: 52px;
  font-size: 10.4px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .rectangle-31 {
  position: absolute;
  top: 244px;
  left: calc(50.00% - 131px);
  width: 262px;
  height: 48px;
}

.mediakit .download-removebg {
  position: absolute;
  top: 241px;
  left: calc(50.00% - 29px);
  width: 57px;
  height: 57px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mediakit .download-removebg-2 {
  position: absolute;
  top: 259px;
  left: calc(50.00% + 24px);
  width: 44px;
  height: 22px;
  aspect-ratio: 2.03;
}

.mediakit .download-removebg-3 {
  position: absolute;
  top: 259px;
  left: calc(50.00% - 71px);
  width: 44px;
  height: 22px;
  aspect-ratio: 2.03;
}

.mediakit .SERVICES {
  position: absolute;
  top: 1505px;
  left: calc(50.00% - 108px);
  width: 215px;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .kawaii-steak {
  position: absolute;
  top: 1533px;
  left: 314px;
  width: 17px;
  height: 17px;
}

.mediakit .contact {
  position: absolute;
  top: 1955px;
  left: calc(50.00% - 59px);
  -webkit-text-stroke: 0.07px #ff99ca;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mediakit .rabbitglow-gmail-com {
  position: absolute;
  top: 2041px;
  left: calc(50.00% - 104px);
  width: 208px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 8.3px;
}

.mediakit .text-wrapper-27 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.9px;
  letter-spacing: 0;
  line-height: 8.3px;
}

.mediakit .text-wrapper-28 {
  font-family: "Too Freakin Cute Demo";
}

.mediakit .let-s-create {
  position: absolute;
  top: 1987px;
  left: calc(50.00% - 127px);
  width: 255px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 13.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9.7px;
}

.mediakit .rectangle-32 {
  position: absolute;
  top: 1833px;
  left: calc(50.00% - 131px);
  width: 262px;
  height: 95px;
}

.mediakit .rectangle-33 {
  position: absolute;
  top: 2113px;
  left: calc(50.00% - 131px);
  width: 262px;
  height: 48px;
}

.mediakit .clean-aesthetic {
  position: absolute;
  top: 1856px;
  left: calc(50.00% - 97px);
  width: 97px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-29 {
  position: absolute;
  top: 1877px;
  left: calc(50.00% - 97px);
  width: 92px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-30 {
  position: absolute;
  top: 1898px;
  left: calc(50.00% - 97px);
  width: 92px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-31 {
  position: absolute;
  top: 1856px;
  left: calc(50.00% + 24px);
  width: 92px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .text-wrapper-32 {
  top: 1877px;
  left: calc(50.00% + 24px);
  width: 92px;
  font-size: 10.4px;
  line-height: 9px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  letter-spacing: 0;
}

.mediakit .text-wrapper-33 {
  position: absolute;
  top: 1898px;
  left: calc(50.00% + 24px);
  width: 92px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 10.4px;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .why-brands-work-with {
  position: absolute;
  top: 1803px;
  left: calc(50.00% - 153px);
  width: 307px;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .rectangle-34 {
  position: absolute;
  top: 1635px;
  left: calc(50.00% - 130px);
  width: 64px;
  height: 62px;
}

.mediakit .social-media {
  position: absolute;
  top: 1610px;
  left: calc(50.00% - 90px);
  width: 180px;
  font-family: "Dreamy Notes Script";
  font-weight: 400;
  color: #ff99ca;
  font-size: 11.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 9px;
}

.mediakit .element-monthly-views {
  position: absolute;
  top: 1668px;
  left: calc(50.00% - 124px);
  width: 51px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .text-wrapper-34 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .text-wrapper-35 {
  font-family: "Winkle Regular";
  font-size: 7.6px;
}

.mediakit .rectangle-35 {
  position: absolute;
  top: 1635px;
  left: calc(50.00% - 64px);
  width: 64px;
  height: 62px;
}

.mediakit .element-followers {
  position: absolute;
  top: 1668px;
  left: calc(50.00% - 54px);
  width: 42px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .rectangle-36 {
  position: absolute;
  top: 1635px;
  left: calc(50.00% + 2px);
  width: 64px;
  height: 62px;
}

.mediakit .element-k-followers {
  top: 1668px;
  left: calc(50.00% + 12px);
  position: absolute;
  width: 42px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .rectangle-37 {
  position: absolute;
  top: 1635px;
  left: calc(50.00% + 68px);
  width: 64px;
  height: 62px;
}

.mediakit .element-followers-2 {
  position: absolute;
  top: 1668px;
  left: calc(50.00% + 78px);
  width: 42px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .rectangle-38 {
  position: absolute;
  top: 1699px;
  left: calc(50.00% - 130px);
  width: 64px;
  height: 62px;
}

.mediakit .element-followers-3 {
  top: 1732px;
  left: calc(50.00% - 119px);
  position: absolute;
  width: 42px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .rectangle-39 {
  position: absolute;
  top: 1699px;
  left: calc(50.00% - 64px);
  width: 64px;
  height: 62px;
}

.mediakit .element-followers-4 {
  top: 1732px;
  left: calc(50.00% - 54px);
  position: absolute;
  width: 42px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .rectangle-40 {
  position: absolute;
  top: 1699px;
  left: calc(50.00% + 2px);
  width: 64px;
  height: 62px;
}

.mediakit .element-followers-5 {
  top: 1732px;
  left: calc(50.00% + 12px);
  position: absolute;
  width: 42px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .rectangle-41 {
  position: absolute;
  top: 1699px;
  left: calc(50.00% + 68px);
  width: 64px;
  height: 62px;
}

.mediakit .element-followers-6 {
  top: 1732px;
  left: calc(50.00% + 78px);
  position: absolute;
  width: 42px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff99ca;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 7.6px;
}

.mediakit .download-removebg-4 {
  position: absolute;
  top: 2110px;
  left: calc(50.00% - 29px);
  width: 57px;
  height: 57px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mediakit .download-removebg-5 {
  position: absolute;
  top: 2126px;
  left: calc(50.00% + 36px);
  width: 44px;
  height: 22px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mediakit .download-removebg-6 {
  position: absolute;
  top: 2126px;
  left: calc(50.00% - 75px);
  width: 44px;
  height: 22px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mediakit .instagram {
  position: absolute;
  top: 1648px;
  left: 152px;
  width: 19px;
  height: 19px;
}

.mediakit .pinterest {
  position: absolute;
  top: 1648px;
  left: 86px;
  width: 19px;
  height: 19px;
}

.mediakit .LINE {
  top: 1648px;
  left: 219px;
  position: absolute;
  width: 19px;
  height: 19px;
}

.mediakit .LINE-2 {
  top: 1713px;
  left: 285px;
  position: absolute;
  width: 19px;
  height: 19px;
}

.mediakit .you-tube {
  position: absolute;
  top: 1648px;
  left: 284px;
  width: 19px;
  height: 19px;
}

.mediakit .telegram-app {
  position: absolute;
  top: 1713px;
  left: 86px;
  width: 19px;
  height: 19px;
}

.mediakit .instagram-2 {
  position: absolute;
  top: 1873px;
  left: 82px;
  width: 12px;
  height: 14px;
}

.mediakit .love-for-money {
  position: absolute;
  top: 1894px;
  left: 82px;
  width: 12px;
  height: 14px;
}

.mediakit .pixel-heart {
  position: absolute;
  top: 1853px;
  left: 203px;
  width: 12px;
  height: 14px;
}

.mediakit .honeymoon {
  position: absolute;
  top: 1874px;
  left: 204px;
  width: 10px;
  height: 14px;
}

.mediakit .search-for-love {
  position: absolute;
  top: 1895px;
  left: 205px;
  width: 10px;
  height: 14px;
}

.mediakit .behance {
  position: absolute;
  top: 1713px;
  left: 152px;
  width: 19px;
  height: 19px;
}

.mediakit .dating-website {
  position: absolute;
  top: 1713px;
  left: 218px;
  width: 19px;
  height: 19px;
}

.mediakit .hello-kitty {
  position: absolute;
  top: 1854px;
  left: 81px;
  width: 14px;
  height: 14px;
}

.mediakit .UK-news {
  position: absolute;
  top: 1533px;
  left: 62px;
  width: 17px;
  height: 17px;
}

.mediakit .video-editing {
  position: absolute;
  top: 1533px;
  left: 112px;
  width: 17px;
  height: 17px;
}

.mediakit .search-for-love-2 {
  position: absolute;
  top: 1533px;
  left: 161px;
  width: 17px;
  height: 17px;
}

.mediakit .music-heart {
  position: absolute;
  top: 1533px;
  left: 213px;
  width: 17px;
  height: 17px;
}

.mediakit .figma {
  position: absolute;
  top: 1533px;
  left: 262px;
  width: 17px;
  height: 17px;
}

.mediakit .group {
  top: 1638px;
  left: 67px;
  width: 15px;
  height: 13px;
  position: absolute;
  aspect-ratio: 1.11;
  object-fit: cover;
}

.mediakit .group-2 {
  top: 1679px;
  left: 246px;
  width: 15px;
  height: 14px;
  position: absolute;
  aspect-ratio: 1.11;
  object-fit: cover;
}

.mediakit .group-3 {
  top: 1703px;
  left: 132px;
  width: 15px;
  height: 14px;
  position: absolute;
  aspect-ratio: 1.11;
  object-fit: cover;
}

.mediakit .group-4 {
  top: 1733px;
  left: 317px;
  width: 14px;
  height: 15px;
  position: absolute;
  aspect-ratio: 1.11;
  object-fit: cover;
}

.mediakit .group-5 {
  position: absolute;
  top: 66px;
  left: 142px;
  width: 46px;
  height: 46px;
  aspect-ratio: 1;
  object-fit: cover;
}

/* --- SOFT "WHISPER EXPAND" ANIMATION --- */

/* Initial hidden state (smaller and invisible) */
.mediakit > div:not(.div):not(.ellipse-2):not(.ellipse-3):not(.ellipse-4):not(.ellipse-5):not(.ellipse-6):not(.ellipse-7), 
.mediakit > p, 
.mediakit > img {
    opacity: 0;
    transform: scale(0.92); /* Starts slightly smaller */
    transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); /* Long, luxurious easing */
}

/* Visible state (normal size and fully visible) */
.mediakit > div:not(.div):not(.ellipse-2):not(.ellipse-3):not(.ellipse-4):not(.ellipse-5):not(.ellipse-6):not(.ellipse-7).show,
.mediakit > p.show, 
.mediakit > img.show {
    opacity: 1;
    transform: scale(1);
}

/* Protect backgrounds from animating */
.mediakit .div, 
.mediakit .ellipse-2, .mediakit .ellipse-3, .mediakit .ellipse-4, .mediakit .ellipse-5, .mediakit .ellipse-6, .mediakit .ellipse-7 {
    opacity: 1 !important; 
    transform: none !important;
}

@media (min-width:391px) and (max-width:843px){

body{
    display:flex;
    justify-content:center;
    overflow-x:hidden;
}


.mediakit{
    width:390px;
    transform-origin:top center;

    /* Automatically grows from 390px to 843px */
    transform:scale(calc(100vw / 390));
    transform: scale(1.25);
}
}


/* ============================================================ */
/* ===== 🖥️ BRAND NEW LAPTOP/TABLET DESIGN 🖥️ ===== */
/* ============================================================ */

/* --- Hide desktop version on phones --- */
@media (max-width: 844px) {
    .desktop-mediakit { display: none !important; }
}

/* --- Show desktop version on tablets & laptops --- */
@media (min-width: 844px) {
    /* Hide mobile version */
    .mediakit { display: none !important; }
    
    body {
        display: flex;
                background-image: url(./mediakitbg.png);

        justify-content: center;
        padding: 30px;
        font-family: "Vividly-Regular", "Single Day";
    }

    /* --- MAIN DESKTOP CONTAINER --- */
    .desktop-mediakit {
        max-width: 1200px;
        width: 100%;
        background-size: cover;
        background-position: center;
        border-radius: 40px;
        padding: 50px 60px 60px 60px;
        color: #5a1132;
        position: relative;
        overflow: hidden;
    }

    /* --- HEADER SECTION --- */
    .d-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 40px;
        padding-bottom: 30px;
    }

    .d-profile-wrapper {
        position: relative;
        margin-bottom: 15px;
    }


    .d-profile-img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 3px solid #ff99ca;
        object-fit: cover;
        box-shadow: 0 8px 25px rgba(255, 153, 202, 0.2);
    }

    .d-profile-ring {
        position: absolute;
        top: -8px;
        left: -8px;
        width: 136px;
        height: 136px;
        border-radius: 50%;
        border: 2px solid #ff99ca;
        opacity: 0.3;
        animation: spinRing 20s linear infinite;
    }

    @keyframes spinRing {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .d-name {
        font-family: "Dreamy Notes Script", cursive;
        font-size: 28px;
        color: #ff99ca;
        margin-bottom: 4px;
    }

    .d-title {
  font-family: "Vividly-Regular", Helvetica;
        font-size: 14px;
        color: #ff99ca;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    .d-social-icons {
        display: flex;
        gap: 12px;
        justify-content: center;
    }

    .d-social-icons img {
        width: 28px;
        height: 28px;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .d-social-icons img:hover {
        transform: scale(1.2) translateY(-3px);
        filter: drop-shadow(0 0 12px rgba(255, 153, 202, 0.4));
    }

    /* --- HERO / ABOUT SECTION --- */
    .d-hero {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 50px;
        align-items: center;
    }

    .d-hero-left {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        border-radius: 30px;
        padding: 30px;
        border: 1px solid rgba(255, 153, 202, 0.2);
    }

    .d-hero-title {
        font-family: "Dreamy Notes Script", cursive;
        font-size: 22px;
        color: #ff99ca;
        margin-bottom: 10px;
    }

    .d-hero-text {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 15px;
        color: #5a1132;
        line-height: 1.8;
        margin-bottom: 15px;
    }

    .d-hero-bio {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 14px;
        color: #5a1132;
        line-height: 1.6;
        background: rgb(255, 245, 250);
        padding: 15px;
        border-radius: 15px;
    }

    .d-hero-right {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .d-hero-img {
        width: 300px;
        height: 300px;
        border-radius: 50%;
        border: 3px solid #ff99ca;
        object-fit: cover;
        box-shadow: 0 10px 40px rgba(255, 153, 202, 0.15);
        transition: all 0.5s ease;
    }

    .d-hero-img:hover {
        transform: scale(1.03) rotate(-3deg);
    }

    /* --- STATS GRID --- */
    .d-stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 50px;
    }

    .d-stat-card {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        border-radius: 20px;
        padding: 20px;
        text-align: center;
        border: 1px solid rgba(255, 153, 202, 0.15);
        transition: all 0.3s ease;
    }

    .d-stat-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(255, 153, 202, 0.1);
    }

    .d-stat-number {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 28px;
        color: #ff99ca;
        font-weight: bold;
    }

    .d-stat-label {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 12px;
        color: #5a1132;
        margin-top: 4px;
    }

    /* --- BUTTONS --- */
    .d-buttons {
        display: flex;
        gap: 15px;
        justify-content: center;
        margin-bottom: 50px;
    }

    .d-btn {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        padding: 12px 30px;
        border-radius: 50px;
        border: 1px solid #ff99ca;
        font-family: "Vividly-Regular", sans-serif;
        font-size: 14px;
        color: #ff99ca;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        cursor: pointer;
    }

    .d-btn:hover {
        background: #ffcde5;
        color: #ffffff;
        transform: scale(1.05) translateY(-3px);
        box-shadow: 0 8px 25px rgba(255, 153, 202, 0.3);
    }

    .d-btn-primary {
        background: #ffdaec;
        color: #ffffff;
        border: none;
    }

    .d-btn-primary:hover {
        background: #ffcde5;
    }

    /* --- SECTION TITLE --- */
    .d-section-title {
        font-family: "Dreamy Notes Script", cursive;
        font-size: 24px;
        color: #ff99ca;
        text-align: center;
        margin-bottom: 25px;
    }

    /* --- LANGUAGES --- */
    .d-languages {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-bottom: 50px;
        flex-wrap: wrap;
    }

    .d-lang-badge {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        padding: 10px 20px;
        border-radius: 50px;
        border: 1px solid rgba(255, 153, 202, 0.2);
        font-family: "Vividly-Regular", sans-serif;
        font-size: 14px;
        color: #5a1132;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .d-lang-badge .stars {
        color: #ff99ca;
        font-size: 12px;
    }

    /* --- SERVICES GRID --- */
    .d-services {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-bottom: 50px;
    }

    .d-service-card {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        border-radius: 25px;
        padding: 25px 20px;
        text-align: center;
        border: 1px solid rgb(255, 230, 242);
        transition: all 0.3s ease;
    }

    .d-service-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 35px rgba(255, 153, 202, 0.1);
    }

    .d-service-icon {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .d-service-title {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 16px;
        color: #5a1132;
        margin-bottom: 6px;
    }

    .d-service-desc {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 12px;
        color: #5a1132;
        line-height: 1.5;
    }

    /* --- FEATURED WORK --- */
    .d-featured {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        margin-bottom: 50px;
    }

    .d-featured-card {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        border-radius: 25px;
        padding: 20px;
        border: 1px solid rgba(255, 153, 202, 0.15);
        transition: all 0.3s ease;
    }

    .d-featured-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(255, 153, 202, 0.1);
    }

    .d-featured-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 15px;
        margin-bottom: 15px;
    }

    .d-featured-title {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 18px;
        color: #5a1132;
        margin-bottom: 4px;
    }

    .d-featured-desc {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 13px;
        color: #5a1132;
        line-height: 1.5;
    }

    /* --- WHY BRANDS WORK WITH ME --- */
    .d-why-brands {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-bottom: 50px;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    .d-why-item {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        padding: 12px 18px;
        border-radius: 50px;
        text-align: center;
        font-family: "Vividly-Regular", sans-serif;
        font-size: 13px;
        color: #5a1132;
        border: 1px solid rgba(255, 153, 202, 0.1);
        transition: all 0.3s ease;
    }

    .d-why-item:hover {
        background: rgba(255, 153, 202, 0.1);
        transform: scale(1.03);
    }

    /* --- SOCIAL MEDIA STATS --- */
    .d-social-stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
        margin-bottom: 50px;
    }

    .d-social-stat {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        border-radius: 20px;
        padding: 18px;
        text-align: center;
        border: 1px solid rgba(255, 153, 202, 0.15);
        transition: all 0.3s ease;
    }

    .d-social-stat:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 25px rgba(255, 153, 202, 0.1);
    }

    .d-social-stat img {
        width: 35px;
        height: 35px;
        object-fit: contain;
        margin-bottom: 8px;
    }

    .d-social-number {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 20px;
        color: #ff99ca;
    }

    .d-social-label {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 11px;
        color: #5a1132;
    }

    /* --- CONTACT SECTION --- */
    .d-contact {
        background: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
        border-radius: 30px;
        padding: 40px;
        text-align: center;
        border: 1px solid rgba(255, 153, 202, 0.2);
        margin-bottom: 30px;
    }

    .d-contact-title {
        font-family: "Dreamy Notes Script", cursive;
        font-size: 24px;
        color: #ff99ca;
        margin-bottom: 10px;
    }

    .d-contact-text {
        font-family: "Vividly-Regular", sans-serif;
        font-size: 15px;
        color: #5a1132;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .d-contact-info {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
        font-family: "Vividly-Regular", sans-serif;
        font-size: 14px;
        color: #ff99ca;
    }

    .d-contact-info span {
        color: #ff99ca;
    }

    /* --- FOOTER --- */
    .d-footer {
        text-align: center;
        font-family: "Vividly-Regular", sans-serif;
        font-size: 12px;
        color: #ff99ca;
        opacity: 0.6;
        padding-top: 20px;
    }

    /* --- SCROLL REVEAL ANIMATIONS --- */
    .d-reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .d-reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

    .d-reveal-delay-1 { transition-delay: 0.1s; }
    .d-reveal-delay-2 { transition-delay: 0.2s; }
    .d-reveal-delay-3 { transition-delay: 0.3s; }
    .d-reveal-delay-4 { transition-delay: 0.4s; }

    /* --- RESPONSIVE TWEAKS --- */
    @media (max-width: 992px) {
        .d-hero {
            grid-template-columns: 1fr;
            text-align: center;
        }
        .d-hero-img {
            width: 200px;
            height: 200px;
        }
        .d-services {
            grid-template-columns: repeat(2, 1fr);
        }
        .d-featured {
            grid-template-columns: 1fr;
        }
        .d-social-stats {
            grid-template-columns: repeat(2, 1fr);
        }
        .d-stats {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 844px) {
        .desktop-mediakit {
            padding: 30px 20px;
        }
        .d-services {
            grid-template-columns: 1fr;
        }
        .d-why-brands {
            grid-template-columns: 1fr;
        }
    }
}