body {
  background: #103F55;
  font-family: 'bree', 'Open Sans', sans-serif;
  font-size: 16px;
  color: white;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

html {
  scroll-behavior: smooth;
}

header, nav, main, section, footer {
  box-sizing: border-box;
}

/* Header */
.Header__Wrapper-sc-leoys2-0.bEJThe {
  position: absolute;
  top: 60px;
  display: grid;
  grid-template-columns: 44px auto;
  width: 100%;
  justify-content: space-between;
  padding: 0 30px;
  align-items: center;
  z-index: 100;
}
@media (max-width: 768px) {
  .Header__Wrapper-sc-leoys2-0.bEJThe { top: 30px; }
}
@media (max-width: 450px) {
  .Header__Wrapper-sc-leoys2-0.bEJThe { top: 20px; padding: 0 20px; }
}

.Header__MenuWrapper-sc-leoys2-1.cqBGou {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: visible;
  white-space: normal;
}
@media (max-width: 1200px) {
  .Header__MenuWrapper-sc-leoys2-1.cqBGou {
    gap: 32px;
  }
  .MenuButton__MenuItem-sc-5o1enu-0.bJGDiq {
    font-size: 1.05rem;
  }
  .MenuButton__MenuItem-sc-5o1enu-0.bJGDiq img {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 900px) {
  .Header__MenuWrapper-sc-leoys2-1.cqBGou {
    gap: 18px;
  }
  .MenuButton__MenuItem-sc-5o1enu-0.bJGDiq {
    font-size: 0.98rem;
    padding: 6px;
  }
  .MenuButton__MenuItem-sc-5o1enu-0.bJGDiq img {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 600px) {
  .Header__MenuWrapper-sc-leoys2-1.cqBGou {
    gap: 8px;
  }
  .MenuButton__MenuItem-sc-5o1enu-0.bJGDiq {
    font-size: 0.85rem;
    padding: 3px;
  }
  .MenuButton__MenuItem-sc-5o1enu-0.bJGDiq img {
    width: 16px;
    height: 16px;
  }
}

.MenuButton__MenuItem-sc-5o1enu-0.bJGDiq {
  color: rgba(255,255,255,0.7);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 10px;
  transition: 0.5s ease-out;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.MenuButton__MenuItem-sc-5o1enu-0.bJGDiq:hover {
  background: rgba(255,255,255,0.1);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.1),inset 0px 0px 0px 0.5px rgba(255,255,255,0.2);
}

/* Hero Section */
.HeroSection__Wrapper-sc-19x1i20-0.cvztUT {
  overflow: hidden;
  height: 750px;
  background-image: linear-gradient(to bottom,rgba(16,63,85,0) 0%,rgba(16,63,85,0) 10%,rgba(16,63,85,0) 40%,rgba(16,63,85,0) 60%,rgba(16,63,85,0) 70%,rgba(16,63,85,0.9) 90%,rgba(16,63,85,1) 93%,rgba(16,63,85,1) 100%);
}
@media (min-width:1274px) {
  .HeroSection__Wrapper-sc-19x1i20-0.cvztUT { height: 900px; }
}

#home {
  position: relative;
  min-height: 520px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 24px;
}
.WaveBackground__Wave-sc-1bf6bor-1.elYznT {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  filter: blur(1.1px);
  -webkit-filter: blur(1.1px);
}
.WaveBackground__Background-sc-1bf6bor-2.dfhFMc {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
}

.HeroSection__ContentWrapper-sc-19x1i20-1.kYaGpt {
  padding-top: 20px;
  margin-bottom: 80px;
  max-width: 1234px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 460px auto;
}
@media (max-width:1274px) {
  .HeroSection__ContentWrapper-sc-19x1i20-1.kYaGpt {
    padding-top: 5px;
    margin-bottom: 60px;
    margin-left: 10px;
    margin-top: 0;
    grid-template-columns: auto;
    gap: 40px;
  }
}

.HeroSection__TextWrapper-sc-19x1i20-2.fnYPOL {
  max-width: 800px;
  display: grid;
  gap: 0.5px;
  margin-top: 110px;
}
.fnYPOL > * {
  opacity: 0;
  animation: djrIZm 1s forwards;
}
.fnYPOL > *:nth-child(1) { animation-delay: 0s; }
.fnYPOL > *:nth-child(2) { animation-delay: 0.2s; }
.fnYPOL > *:nth-child(3) { animation-delay: 0.4s; }

@keyframes djrIZm {
  0% {
    opacity: 0;
    transform: translateY(-10px);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
    filter: blur(0px);
  }
}

.TextStyles__H1-sc-18331fh-0.bEUefY {
  font-size: clamp(2.2rem, 6vw, 4.5rem);
  line-height: 1.1;
  margin-bottom: clamp(0px, 0.5vw, 8px);
  text-align: left;
}
@media (max-width:450px) {
  .TextStyles__H1-sc-18331fh-0.bEUefY { font-size: 34px; }
}

.cOVmrY {
  color: white;
  padding: 10px;
  height: auto;
  font-family: bree,sans-serif;
  background: linear-gradient(15deg,#97A7AA 0%,#D0E0E0 20%,#9FC7B5 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.cOVmrY span {
  background: linear-gradient(180deg,#ffd7ff 0%,#ffb6ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
@media (max-width:550px) {
  .cOVmrY { font-size: 40px; }
}

.TextStyles__MediumText-sc-18331fh-6.fhvjmv {
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  line-height: 1.4;
}
.jbEnjK {
  color: transparent;
  background: linear-gradient(15deg,#97A7AA 0%,#D0E0E0 20%,#9FC7B5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  padding: 1px;
  width: 600px;
}
@media (max-width:1274px) {
  .jbEnjK { margin-bottom: -20px; width: 450px; }
}
@media (max-width:550px) {
  .jbEnjK { margin-bottom: -20px; font-size: 18px; width: 300px; }
}

.HeroSection__ButtonWrapper-sc-19x1i20-6.cgqvao {
  margin-left: -0.7em;
  flex-wrap: wrap;
  gap: clamp(8px, 2vw, 24px);
  margin-top: 0;
  justify-content: flex-start;
}
.TextStyles__H2-sc-18331fh-1.HeroSection__SectionTitle-sc-19x1i20-4.ewDNQV.jhJRci {
  margin-top: 18px;
  margin-bottom: 12px;
}

.LinkButton__StyledButton-sc-gpltb4-0.cvJwCL {
  color: rgba(255,255,255,0.7);
  display: inline-flex;
  align-items: left;
  padding: clamp(6px, 1.5vw, 12px) clamp(12px, 3vw, 24px);
  margin: 5px;
  cursor: pointer;
  transition: 0.5s ease-out;
  border-radius: 10px;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
}
.LinkButton__StyledButton-sc-gpltb4-0.cvJwCL:hover {
  background: rgba(255,255,255,0.1);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.1),inset 0px 0px 0px 0.5px rgba(255,255,255,0.2);
}

.jhJRci {
  color: rgba(255,255,255,0.6);
  padding: 10px;
}
.jhJRci span {
  background: linear-gradient(180deg,#ffd7ff 0%,#ffb6ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
@media (max-width:550px) {
  .jhJRci { font-size: 32px; }
}

/* Mockup Animation */
.MockupAnimation__Wrapper-sc-1chkm4d-0.jRJRKC {
  padding-left: 32px;
  box-sizing: border-box;
  margin-bottom: 48px;
  z-index: 2;
  position: relative;
  margin-left: 10px;
  perspective: 5000px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: -10px;
  margin-left: -40px;
  margin-bottom: -10px;

}
@media (max-width:1274px) {
  .jRJRKC { margin-top: -50px; }
  .jRJRKC .mockup1 {
    transform-origin: bottom left;
    transform: scale(0.7) rotateY(-30deg) rotateX(10deg);
  }
  .jRJRKC .mockup2 {
    transform-origin: bottom left;
    transform: scale(0.7) rotateY(-30deg) rotateX(10deg) translate(-140px,0px);
  }
  .jRJRKC .mockup3 {
    transform-origin: bottom left;
    transform: scale(0.7) rotateY(-30deg) rotateX(10deg) translate(-230px,0px);
  }
  .jRJRKC .mockup4 {
    transform-origin: bottom left;
    transform: scale(0.7) rotateY(-30deg) rotateX(10deg) translate(-305px,0px);
  }
  .jRJRKC .mockup5 {
    transform-origin: bottom left;
    transform: scale(0.7) rotateY(-30deg) rotateX(10deg) translate(-375px,0px);
  }
}
@media (max-width:550px) {
  .jRJRKC { margin-top: -80px; }
  .jRJRKC .mockup1 {
    transform-origin: bottom left;
    transform: scale(0.65) translate(0px,0px);
  }
  .jRJRKC .mockup2 {
    transform-origin: bottom left;
    transform: scale(0.65) translate(-10px,0px);
  }
  .jRJRKC .mockup3 {
    transform-origin: bottom left;
    transform: scale(0.65) translate(-650px,200px);
  }
  .jRJRKC .mockup4 {
    transform-origin: bottom left;
    transform: scale(0.65) translate(-625px,200px);
  }
  .jRJRKC .mockup5 {
    transform-origin: bottom left;
    transform: scale(0.65) translate(-600px,200px);
  }
}

.jRJRKC div {
  transform: rotateY(-30deg) rotateX(10deg);
  transform-origin: bottom left;
  transition: 1s cubic-bezier(0.075,0.82,0.165,1);
}

.jRJRKC .mockup1,
.jRJRKC .mockup2,
.jRJRKC .mockup3,
.jRJRKC .mockup4,
.jRJRKC .mockup5 {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  box-shadow: 0 12px 48px 0 rgba(0,0,0,0.18), 0 2px 8px 0 rgba(0,0,0,0.10);
  border-radius: 26px;
  border: 1.2px solid rgba(255,255,255,0.13);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 32px 22px 32px;
  color: #fff;
  min-width: 230px;
  max-width: 320px;
  position: relative;
  transition: box-shadow 0.3s, transform 0.3s;
  overflow: visible;
}
.jRJRKC .mockup1:hover,
.jRJRKC .mockup2:hover,
.jRJRKC .mockup3:hover,
.jRJRKC .mockup4:hover,
.jRJRKC .mockup5:hover {
  box-shadow: 0 12px 40px 0 rgba(0,0,0,0.18);
  transform: translateY(-3px) scale(1.025);
}
.mockup-title {
  font-size: 1.38rem;
  font-weight: 900;
  color: #fff;
  margin-bottom: 16px;
  letter-spacing: 0.01em;
  text-shadow: 0 4px 16px rgba(0,0,0,0.18);
  font-family: inherit;
}
.mockup-desc {
  font-size: 1.18rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.8;
  text-shadow: 0 4px 16px rgba(0,0,0,0.18);
  font-family: inherit;
}
.mockup-icon {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 36px;
  height: 36px;
  opacity: 0.85;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.10));
  pointer-events: none;
}

@media (min-width:550px) {
  .jRJRKC:hover div {
    transform: rotateY(0deg) rotateX(0deg);
  }
  .jRJRKC:hover div.mockup1 {
    transition-delay: 0s;
    transform: scale(0.7) translate(0px,30px);
  }
  .jRJRKC:hover div.mockup2 {
    transition-delay: 0s;
    transform: scale(0.7) translate(20px,30px);
  }
  .jRJRKC:hover div.mockup3 {
    transition-delay: 0s;
    transform: scale(0.7) translate(70px,30px);
  }
  .jRJRKC:hover div.mockup4 {
    transition-delay: 0s;
    transform: scale(0.7) translate(120px,30px);
  }
  .jRJRKC:hover div.mockup5 {
    transition-delay: 0s;
    transform: scale(0.7) translate(170px,30px);
  }
}

@media (max-width: 800px) {
  .MockupAnimation__Wrapper-sc-1chkm4d-0.jRJRKC {
    gap: 6px !important;
  }
  .jRJRKC .mockup1,
  .jRJRKC .mockup2,
  .jRJRKC .mockup3,
  .jRJRKC .mockup4,
  .jRJRKC .mockup5 {
    margin-bottom: 8px !important;
  }
}

/* Me Section */
.MeSection__Wrapper-sc-6392ze-3.kvqPgZ {
  margin-top: -24px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  height: auto;
  margin-bottom: -10px;
}
.MeSection__ContentWrapper-sc-6392ze-4.esLAAT {
  max-width: 1234px;
  display: grid;
  margin: auto;
  grid-template-rows: repeat(2,minmax(200px,1fr));
  row-gap: 20px;
  align-items: center;
  justify-items: center;
}
@media (max-width:850px) {
  .MeSection__ContentWrapper-sc-6392ze-4.esLAAT {
    height: auto;
    grid-template-rows: repeat(2,minmax(50px,1fr));
    row-gap: 0px;
    padding: 0px 0px;
  }
}
.MeSection__Image-sc-6392ze-0.hGMuKl {
  position: relative;
  width: 200px;
}
.MeSection__TextWrapper-sc-6392ze-1.ipPQQQ {
  display: grid;
}
.TextStyles__BodyMain-sc-18331fh-5.cvcSpq {
  font-weight: 200;
  font-style: normal;
  font-size: 24px;
  line-height: 180%;
}
.MeSection__Description-sc-6392ze-2.hENxXy {
  color: white;
}
@media (max-width:1274px) {
  .MeSection__Description-sc-6392ze-2.hENxXy {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 18px;
  }
}
@media (max-width:850px) {
  .MeSection__Description-sc-6392ze-2.hENxXy {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 18px;
  }
}

/* Publications Section */
.PublicationSection__Wrapper-sc-1djulsa-0.cHHQnF {
  overflow: hidden;
  height: auto;
  display: grid;
  max-width: 1234px;
  margin: auto;
  margin-top: 0;
  margin-bottom: 32px;
  padding: 0 30px;
  padding-top: 12px;
  padding-bottom: 120px;
  align-items: center;
  justify-items: center;
}

.PublicationSection__TextWrapper-sc-1djulsa-8.hcNDjU {
  position: relative;
  display: grid;
  margin: 0px auto;
  text-align: center;
  gap: 4px;
}

.PublicationSection__Title-sc-1djulsa-9.gUVszq {
  text-align: center;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width:550px) {
  .PublicationSection__Title-sc-1djulsa-9.gUVszq { font-size: 32px; }
}

.PublicationSection__Subtitle-sc-1djulsa-10.jXdSbS {
  color: white;
  font-size: 20px;
  opacity: 0.7;
}

/* Publication cards: horizontal on large screens, vertical on small screens */
.PublicationSection__ContentWrapper-sc-1djulsa-7.kYrAii {
  overflow: visible !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
@media (max-width: 900px) {
  .PublicationSection__ContentWrapper-sc-1djulsa-7.kYrAii {
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    align-items: center;
    gap: 32px;
  }
}
@media (max-width:1200px) {
  .PublicationSection__ContentWrapper-sc-1djulsa-7.kYrAii {
    padding-bottom: 40px;
    height: auto;
  }
}
@media (max-width:900px) {
  .PublicationSection__ContentWrapper-sc-1djulsa-7.kYrAii {
    padding-bottom: 24px;
    height: auto;
  }
}
@media (max-width:760px) {
  .PublicationSection__ContentWrapper-sc-1djulsa-7.kYrAii {
    padding-bottom: 16px;
    height: auto;
  }
}
@media (max-width:480px) {
  .PublicationSection__ContentWrapper-sc-1djulsa-7.kYrAii {
    padding-bottom: 8px;
    height: auto;
  }
}

.PublicationSection__Card-sc-1djulsa-5.kkFODW {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  align-items: center;
  row-gap: 20px;
  width: 300px;
  height: 400px;
  border-radius: 32px;
  box-shadow: 0px 30px 60px rgba(0,0,0,0.25),inset 0px 0px 0px 0.5px rgba(255,255,255,0.25);
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
  text-align: center;
}
@media (max-width:900px) { .kkFODW { scale: 0.9; } }
@media (max-width:760px) { .kkFODW { scale: 0.75; } }
@media (max-width:480px) { .kkFODW { scale: 0.55; } }

.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover {
  z-index: 10;
  transform: scale(1.05);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1),0px 30px 60px rgba(23,0,102,0.5),inset 0px 0px 0px 0.5px rgba(255,255,255,0.5);
}

.PublicationSection__Card-sc-1djulsa-5.kkFODW:first-child .PublicationSection__Card_img-sc-1djulsa-2.dLOEuC {
  box-shadow: none;
  border-radius: 0;
  background: none;
}

.publication-main-img {
  display: block;
  width: 80%;
  max-width: 320px;
  margin: 32px auto 16px auto;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.10);
  background: #fff;
  object-fit: contain;
}

.PublicationSection__Card_img-sc-1djulsa-2.dLOEuC {
  position: relative;
  display: grid;
  margin: 35px auto;
  border-radius: 12px;
  justify-items: center;
  height: 120px;
  box-shadow: 0px 30px 40px rgba(0,0,0,0.40),inset 0px 0px 0px 0.5px rgba(255,255,255,0.25);
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card_img-sc-1djulsa-2.dLOEuC:hover {
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_info-sc-1djulsa-3.dUsLYl {
  position: relative;
  display: grid;
  margin: -20px auto;
  justify-items: center;
  height: 120px;
}

.PublicationSection__Card_Button-sc-1djulsa-4.erGZpl {
  border-radius: 3px;
  border: none;
  color: white;
  width: 300px;
  height: 400px;
  border-radius: 32px;
  margin-top: -424px;
  opacity: 0;
  z-index: 1;
  align-items: center;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card_Button-sc-1djulsa-4.erGZpl:hover {
  transform: scale(1.05);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1),0px 30px 60px rgba(23,0,102,0.5),inset 0px 0px 0px 0.5px rgba(255,255,255,0.5);
  filter: saturate(1.2) contrast(1.1);
}

.PublicationSection__MenuWrapper-sc-1djulsa-1.jwAReT {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  justify-items: center;
  margin-top: 15px;
  z-index: 6;
}
.PublicationSection__MenuWrapper-sc-1djulsa-1.jwAReS {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  justify-items: center;
  margin-top: 15px;
  z-index: 6;
}
.PublicationSection__MenuWrapper-sc-1djulsa-1.jwAReR {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  justify-items: center;
  margin-top: 15px;
  z-index: 6;
}

.PublicationButton__MenuItem-sc-fpq5vv-0.eWoYRl {
  color: rgba(255,255,255,0.7);
  display: grid;
  padding: 10px;
  transition: 0.5s ease-out;
  border-radius: 64px;
}
.PublicationButton__MenuItem-sc-fpq5vv-0.eWoYRl:hover {
  background: rgba(255,255,255,0.1);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.1),inset 0px 0px 0px 0.5px rgba(255,255,255,0.2);
}

.PublicationSection__Card_BG-sc-1djulsa-6.hhYQyD {
  background-image: radial-gradient(218.51% 281.09% at 100% 100%,rgba(253,63,51,0.6) 0%,rgba(76,0,200,0.6) 45.83%,rgba(76,0,200,0.6) 100%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.hhYQyD {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.fTdNPb {
  background-image: linear-gradient(209.21deg,rgb(76,55,109) 13.57%,rgb(31,21,53) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.fTdNPb {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.kIvNde {
  background-image: linear-gradient(209.21deg,rgb(23,23,27) 13.57%,rgb(119,63,211) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.kIvNde {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.kQOBnV {
  background-image: linear-gradient(209.21deg,rgb(142,61,170) 13.57%,rgb(71,38,146) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.kQOBnV {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.hheHaI {
  background-image: linear-gradient(209.21deg,rgb(89,0,159) 13.57%,rgb(16,114,204) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.hheHaI {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.gKrZti {
  background-image: linear-gradient(209.21deg,rgb(57,17,123) 13.57%,rgb(191,149,248) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.gKrZti {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.fYQeaq {
  background-image: linear-gradient(209.21deg,rgb(10,57,136) 13.57%,rgb(188,168,255) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.fYQeaq {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.dfUMgp {
  background-image: linear-gradient(209.21deg,rgb(90,54,192) 13.57%,rgb(29,145,252) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.dfUMgp {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.gFlicf {
  background-image: linear-gradient(209.21deg,rgb(48,173,221) 13.57%,rgb(64,26,190) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.gFlicf {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.jctfzY {
  background-image: linear-gradient(209.21deg,rgb(12,39,178) 13.57%,rgb(133,218,213) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.jctfzY {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

.PublicationSection__Card_BG-sc-1djulsa-6.fgyqVq {
  background-image: linear-gradient(209.21deg,rgb(12,74,151) 13.57%,rgb(0,133,175) 98.38%);
  width: 300px;
  height: 400px;
  margin-top: -464.1px;
  border-radius: 32px;
  z-index: -1;
  transition: 0.8s cubic-bezier(0.075,0.82,0.165,1);
}
.PublicationSection__Card-sc-1djulsa-5.kkFODW:hover .PublicationSection__Card_BG-sc-1djulsa-6.fgyqVq {
  transform: scale(1.05);
  filter: saturate(1.5) contrast(1.1);
}

/* Gallery Section */
.ScrollableImageGallerySection__TextWrapper-sc-fj51hn-1.vSnvH {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px auto;
  text-align: center;
  max-width: 1234px;
  gap: 20px;
  padding: 0 20px;
  overflow-x: hidden;
}

/* Gallery Tab Styles */
.gallery-tab {
  display: flex;
  gap: 16px;
  margin: 0 auto;
  padding: 8px;
  background: rgba(255,255,255,0.08);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.15);
}

.gallery-tab-item {
  padding: 8px 16px;
  border-radius: 12px;
  color: rgba(255,255,255,0.7);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
}

.gallery-tab-item:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
}

.gallery-tab-item.active {
  color: #fff;
  background: rgba(255,255,255,0.2);
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.TextStyles__H1-sc-18331fh-0.gzBfDn {
  color: white;
  font-size: 42px;
  margin-bottom: 0;
}

.ScrollableImageGallerySection__Wrapper-sc-fj51hn-0.jPpWtr {
  overflow: hidden;
  height: auto;
  display: flex;
  overflow-x: scroll;
  max-width: 1234px;
  margin: auto;
  margin-top: 0px;
  padding: 0px 20px 0px 20px;
  align-items: center;
  justify-items: center;
}
.gallery {
  column-count: 2;
  column-gap: 24px;
  max-width: 100vw;
  overflow-x: auto;
  padding: 24px 0;
  white-space: nowrap;
}
.gallery-item {
  display: inline-block;
  width: 180px;
  margin-bottom: 24px;
}
.gallery-item img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  background: #eee;
  cursor: pointer;
  transition: transform 0.2s;
}
@media (max-width: 900px) {
  .gallery-item {
    width: 120px;
    margin-bottom: 12px;
  }
  .gallery-item img {
    height: 120px;
  }
}

/* Footer */
.Footer__Wrapper-sc-twnpg-0.lcOWEL {
  top: 0 !important;
  padding-bottom: 160px;
  height: auto !important;
  min-height: 180px;
}
@media (max-width: 600px) {
  .Footer__Wrapper-sc-twnpg-0.lcOWEL {
    padding-bottom: 180px;
    min-height: 200px;
  }
}
.Footer__ContentWrapper-sc-twnpg-1.DZUA-D {
  position: relative;
  height: 200px;
  margin-top: 40px;
  top: 60px;
  display: grid;
  grid-template-columns: auto auto;
  box-sizing: border-box;
  width: 100%;
  justify-content: center;
  padding: 0 30px;
  align-items: center;
}
.Footer__MenuWrapper-sc-twnpg-2.fpsVEP {
  display: grid;
  width: 200px;
  gap: 30px;
  grid-template-rows: repeat(3,auto);
  align-items: center;
  justify-content: center;
}
.Footer__TextWrapper-sc-twnpg-4.gFYeVN {
  font-size: 12px;
  max-width: 200px;
  display: grid;
  gap: 10px;
}
.Footer__Footer_Text-sc-twnpg-3.lnOckv {
  color: rgba(255,255,255,0.7);
  padding: 10px;
  height: auto;
  font-family: bree,sans-serif;
}
.Footer__Footer_Text-sc-twnpg-3.lnOckv a {
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  transition: color 0.3s ease;
}
.Footer__Footer_Text-sc-twnpg-3.lnOckv a:hover {
  color: white;
}

.TextStyles__SmallText-sc-18331fh-9.bQQrce {
  font-weight: normal;
  font-size: 13px;
  line-height: 130%;
}

.TextStyles__H3-sc-18331fh-3.hAwjPv {
  font-weight: bold;
  font-size: 30px;
}

@media (max-width:450px) {
  .TextStyles__H3-sc-18331fh-3.hAwjPv { font-size: 24px; }
}

/* 通用样式 */
a {
  color: rgba(255,255,255,0.7);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover {
  color: white;
}

img {
  max-width: 100%;
  height: auto;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.5);
}

/* News Section Styles */
.news-list {
  margin-bottom: 30px;
  text-align: left;
  max-width: 600px;
}

.news-item {
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 12px;
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.1);
  transition: all 0.3s cubic-bezier(0.075,0.82,0.165,1);
  transform: translateY(0);
  opacity: 0;
  animation: slideInUp 0.6s ease forwards;
}

.news-item:nth-child(1) { animation-delay: 0.1s; }
.news-item:nth-child(2) { animation-delay: 0.2s; }
.news-item:nth-child(3) { animation-delay: 0.3s; }
.news-item:nth-child(4) { animation-delay: 0.4s; }

.news-item:hover {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.news-item span {
  color: #9FC7B5;
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}

.news-item p {
  margin: 5px 0 0 0;
  color: rgba(255,255,255,0.8);
  font-size: 16px;
  line-height: 1.4;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .news-list {
    max-width: 100%;
    margin: 0 20px 30px 20px;
  }
  
  .news-item {
    padding: 12px;
  }
  
  .news-item p {
    font-size: 14px;
  }
}

/* News Card Section - 优化为更大更通透的卡片 */
.news-cards {
  display: flex;
  gap: 36px;
  margin: 48px 0 56px 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.news-card {
  position: relative;
  min-width: 260px;
  max-width: 320px;
  flex: 1 1 260px;
  background: rgba(255,255,255,0.10);
  border: 1.5px solid rgba(255,255,255,0.18);
  border-radius: 24px;
  box-shadow: 0 6px 32px 0 rgba(0,0,0,0.10);
  padding: 32px 28px 28px 28px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: box-shadow 0.3s, transform 0.3s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.news-card:hover {
  box-shadow: 0 12px 40px 0 rgba(0,0,0,0.18);
  transform: translateY(-6px) scale(1.035);
}
.news-card-title {
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-card-desc {
  font-size: 1.08rem;
  color: #f3f3f3;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0;
}
.news-card-icon {
  margin-left: 12px;
  width: 36px;
  height: 36px;
  opacity: 0.92;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .news-cards {
    gap: 20px;
  }
  .news-card {
    min-width: 180px;
    max-width: 100%;
    padding: 20px 10px 16px 14px;
  }
  .news-card-title { font-size: 1.08rem; }
  .news-card-desc { font-size: 0.98rem; }
  .news-card-icon { width: 26px; height: 26px; }
}
@media (max-width: 700px) {
  .news-cards {
    flex-direction: column;
    gap: 16px;
    margin: 24px 0 32px 0;
  }
  .news-card {
    min-width: 0;
    width: 100%;
    padding: 16px 8px 12px 12px;
  }
}

/* News Section Layout */
.news-section {
  max-width: 1234px;
  margin: 0 auto 64px auto;
  padding-top: 12px;
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 32px;
}
.news-title {
  font-size: 2.5rem;
  font-family: inherit;
  font-weight: 700;
  color: #e0e0e0;
  margin-bottom: 24px;
  margin-left: 12px;
  letter-spacing: 0.01em;
}
.news-cards {
  margin-bottom: 48px;
}

/* News 悬浮毛玻璃卡片区 */
.news-float {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.news-title {
  font-size: 2.2rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 24px;
  text-align: left;
  width: 90%;
  max-width: 1300px;
}
.news-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  width: 90%;
  max-width: 1300px;
  justify-content: flex-start;
  margin-bottom: 32px;
}
.news-card {
  position: relative;
  min-width: 220px;
  max-width: 260px;
  flex: 1 1 220px;
  background: rgba(255,255,255,0.13);
  border: 1.5px solid rgba(255,255,255,0.18);
  border-radius: 22px;
  box-shadow: 0 6px 32px 0 rgba(0,0,0,0.10);
  padding: 28px 20px 20px 20px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: box-shadow 0.3s, transform 0.3s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  opacity: 0;
  animation: slideInUp 0.7s cubic-bezier(0.23,1,0.32,1) forwards;
}
.news-card:nth-child(1) { animation-delay: 0.1s; }
.news-card:nth-child(2) { animation-delay: 0.2s; }
.news-card:nth-child(3) { animation-delay: 0.3s; }
.news-card:nth-child(4) { animation-delay: 0.4s; }
.news-card:nth-child(5) { animation-delay: 0.5s; }
.news-card:hover {
  box-shadow: 0 12px 40px 0 rgba(0,0,0,0.18);
  transform: translateY(-6px) scale(1.035);
}
@keyframes slideInUp {
  from { opacity: 0; transform: translateY(40px);}
  to   { opacity: 1; transform: translateY(0);}
}

@media (max-width: 900px) {
  .news-float {
    top: 24px;
  }
  .news-title, .news-cards {
    width: 98%;
    max-width: 100vw;
  }
  .news-cards {
    gap: 14px;
  }
  .news-card {
    min-width: 140px;
    max-width: 100%;
    padding: 16px 8px 12px 12px;
  }
}

@media (max-width:550px) {
  .TextStyles__H1-sc-18331fh-0.gzBfDn { 
    font-size: 32px; 
  }
  .gallery-tab {
    gap: 12px;
    padding: 6px;
  }
  .gallery-tab-item {
    padding: 6px 12px;
    font-size: 13px;
  }
}

@media (max-width: 700px) {
  .gallery {
    column-count: 1 !important;
    column-gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px 0 !important;
  }
  .gallery-item {
    display: block !important;
    width: 90vw !important;
    max-width: 340px !important;
    margin: 0 0 16px 0 !important;
  }
  .gallery-item img {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

.AwardsSection__Wrapper {
  max-width: 900px;
  margin: 60px auto 40px auto;
  padding: 32px 24px 24px 24px;
  background: rgba(255,255,255,0.07);
  border-radius: 22px;
  box-shadow: 0 4px 24px 0 rgba(0,0,0,0.10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.AwardsSection__Title {
  font-size: 2.1rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 24px;
  letter-spacing: 0.01em;
  text-align: left;
}
.AwardsSection__List {
  list-style: none;
  padding: 0;
  margin: 0;
}
.AwardsSection__List li {
  font-size: 1.13rem;
  color: #fff;
  margin-bottom: 16px;
  padding-left: 0;
  line-height: 1.7;
  border-left: 3px solid #9FC7B5;
  padding-left: 16px;
  background: rgba(255,255,255,0.03);
  border-radius: 8px;
}
.awards-year {
  color: #9FC7B5;
  font-weight: 700;
  margin-right: 8px;
}

.FriendsSection__Wrapper {
  max-width: 700px;
  margin: 60px auto 40px auto;
  padding: 32px 24px 24px 24px;
  background: rgba(255,255,255,0.07);
  border-radius: 22px;
  box-shadow: 0 4px 24px 0 rgba(0,0,0,0.10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.FriendsSection__Title {
  font-size: 2.1rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 24px;
  letter-spacing: 0.01em;
  text-align: left;
}
.FriendsSection__List {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.friend-item {
  display: flex;
  align-items: center;
  gap: 18px;
  background: rgba(255,255,255,0.04);
  border-radius: 12px;
  padding: 14px 18px;
}
.friend-avatar {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #9FC7B5;
  background: #fff;
}
.friend-name {
  font-size: 1.18rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.01em;
}

/* Friends 下拉菜单紧凑美化，仅影响下拉，不动其他地方 */
.FriendsDropdown {
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.FriendsDropdown__List {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 0;
}
.FriendsDropdown__List .friend-item {
  list-style: none;
  width: 100%;
  text-align: center;
}
.FriendsDropdown__List .friend-item:first-child a {
  text-align: left !important;
  margin: 0 !important;
}
.FriendsDropdown__List .friend-item a {
  font-size: 1.13rem;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 4px 0 2px 0;
  border-radius: 6px;
  line-height: 1.3;
  transition: background 0.2s, color 0.2s;
  text-align: center !important;
  margin: 0 auto !important;
}
.FriendsDropdown__List .friend-item a:hover {
  background: rgba(255,255,255,0.08);
  color: #ffd700;
}

@media (max-width: 600px) {
  .TextStyles__H1-sc-18331fh-0.bEUefY {
    font-size: clamp(1.3rem, 8vw, 2.5rem);
  }
  .jbEnjK, .TextStyles__MediumText-sc-18331fh-6.fhvjmv {
    font-size: clamp(0.9rem, 4vw, 1.1rem);
  }
  .HeroSection__ButtonWrapper-sc-19x1i20-6.cgqvao {
    gap: 8px;
  }
  .LinkButton__StyledButton-sc-gpltb4-0.cvJwCL {
    font-size: clamp(0.8rem, 3vw, 1rem);
    padding: clamp(4px, 2vw, 8px) clamp(8px, 4vw, 16px);
  }
  .Footer__Wrapper-sc-twnpg-0.lcOWEL {
    height: auto;
    min-height: 180px;
    top: 0;
    padding-bottom: 24px;
  }
  .Footer__ContentWrapper-sc-twnpg-1.DZUA-D {
    height: auto;
    min-height: 120px;
    margin-top: 16px;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 10px;
    gap: 12px;
  }
  .Footer__MenuWrapper-sc-twnpg-2.fpsVEP {
    width: 100%;
    gap: 16px;
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }
  .Footer__TextWrapper-sc-twnpg-4.gFYeVN {
    max-width: 100%;
    font-size: 11px;
    gap: 6px;
  }
}

.HeroSection__Description-sc-19x1i20-5 {
  text-align: left;
  margin-left: 0.65em;
  margin-bottom: clamp(10px, 2vw, 24px);
}