.elementor-11273 .elementor-element.elementor-element-e886333{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11273 .elementor-element.elementor-element-e886333:not(.elementor-motion-effects-element-type-background), .elementor-11273 .elementor-element.elementor-element-e886333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-11273 .elementor-element.elementor-element-03097b3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-11273 .elementor-element.elementor-element-03097b3.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-11273 .elementor-element.elementor-element-72af587{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11273 .elementor-element.elementor-element-8c065be{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-11273 .elementor-element.elementor-element-03097b3{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}}@media(min-width:768px){.elementor-11273 .elementor-element.elementor-element-03097b3{--content-width:1320px;}}/* Start custom CSS */.hero-publishing {
  height: 100vh;
  background: linear-gradient(135deg, #0a0a0f, #12121a);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 80px;
  position: relative;
  overflow: hidden;
}

.hero-title {
    color: #ffffff;
    font-family: 'Inter' !important;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1.1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-title .word {
  opacity: 0;
  transform: translateY(40px);
  display: inline-block;
}

.hero-subtitle {
    color: #ffffff;
    font-family: system-ui !important;
  margin-top: 25px;
  font-size: 1.25rem;
  max-width: 450px;
  opacity: 0;
}

.hero-buttons {
  margin-top: 35px;
  display: flex;
  gap: 20px;
  opacity: 0;
}

.btn {
  padding: 14px 32px;
  border-radius: 40px;
  font-size: 1rem;
  font-weight: 600;
  transition: 0.3s ease;
  font-family: system-ui !important;
}

.btn.primary {
  background: #ff0079;
  color: #fff;
}

.btn.primary:hover {
  transform: translateY(-4px) scale(1.04);
}

.btn.ghost {
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
}

.btn.ghost:hover {
  background: #fff;
  color: #000;
}

.hero-visual {
  position: absolute;
  right: 100px;
  bottom: 180px;
}

.floating-book {
  width: 130px;
  height: 180px;
  background: #ffffff10;
  border: 2px solid #ffffff40;
  border-radius: 12px;
  position: absolute;
  animation: floatUp 6s ease-in-out infinite;
  box-shadow: 0 20px 40px #0005;
  backdrop-filter: blur(5px);
}

.floating-book.one {
  left: -150px;
  animation-delay: 0.3s;
}

.floating-book.two {
  left: 40px;
  top: -100px;
  animation-delay: 1s;
}

.floating-book.three {
  left: -50px;
  top: 80px;
  animation-delay: 1.5s;
}

@keyframes floatUp {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-40px) rotate(4deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

@media(max-width:900px){
  .hero-publishing {
    flex-direction: column;
    text-align: center;
    padding: 60px 20px;
  }
  .hero-visual {
    display:none;
  }
  .hero-title { font-size: 3rem; }
}/* End custom CSS */