body{background: #FFF !important;width: 100%;overflow-x: hidden;}
html, body {
  -webkit-font-smoothing: antialiased;
  font-synthesis: none; /* 唔好俾 Safari 自己補粗補斜 */
}
* {
  font-synthesis: none;        /* 禁止 Safari 自動補粗/補斜 */
  text-rendering: optimizeLegibility;
}
  a:focus, a:hover {    outline: none !important;    border: none !important;    text-decoration: none !important;  }

  /* gobal */

  .views-element-container {width: 100%}

  .text-content a:where(:not(.button)):hover, .cke_editable a:where(:not(.button)):hover{box-shadow: none;}
  .btn-wrap {display: inline-block;border: 1px solid #000 ;border-radius: 20px;padding: 8px 15px;}
  .bg-support{position: absolute;}
  .btn-video-wrap{width: 40px;height: 40px;background: url(/themes/custom/swap/assets/images/btn-pause.png) center center/10px 10px no-repeat;border: 1px solid #000;border-radius: 100%;display: inline-block;}
  .breakline-top{width: 100%;height: 1px;background: #B4b4b4;margin-bottom: 30px;margin-top: 60px;}
  .breakline{width: 100%;height: 1px;background: #B4b4b4;display: block;position: relative;;}
  .more-btn{width: 40px;height: 40px;float: right;;}

  .section-news-banner,.section-knowledge-exchange-banner{position: relative;overflow: hidden;}
  .banner-object {position: absolute;}
  .banner-object img{width: 100%;height: auto;}
  .bannerobject-1{left: 0;bottom: 0;width: 400px;animation: float-1 16s ease-in-out infinite;}
  .bannerobject-2{right: 0;top: 0;width: 400px;animation: float-2 20s ease-in-out infinite;}
  .section-events-banner .bannerobject-1{bottom: auto;top:-20px;}
  .section-events-banner .bannerobject-2{right: -60p;bottom:-20px;width:440px;}
  .section-knowledge-exchange-banner .bannerobject-1{bottom: 0px;width:470px;}
  .section-knowledge-exchange-banner .bannerobject-2{right: -60p;bottom:-20px;width:440px;}
  figure{background: none;}
  
  .round-img{border-radius: 30px;}
  
  .press-img-wrapper {
    width: 100%;
    padding-bottom: 66.67%; /* 870:580 ratio */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .press-release-row h5{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  @keyframes float-1 {
    0%, 100% {
      transform: translate(0, 0) scale(1.2) rotate(0deg);
    }
    25% {
      transform: translate(15px, -20px) scale(1.25) rotate(3deg);
    }
    50% {
      transform: translate(0, -35px) scale(1.28) rotate(-2deg);
    }
    75% {
      transform: translate(-15px, -15px) scale(1.23) rotate(2deg);
    }
  }
  
  @keyframes float-2 {
    0%, 100% {
      transform: translate(0, 0) scale(1.2) rotate(0deg);
    }
    25% {
      transform: translate(-20px, 15px) scale(1.24) rotate(-3deg);
    }
    50% {
      transform: translate(0, 40px) scale(1.29) rotate(2deg);
    }
    75% {
      transform: translate(20px, 20px) scale(1.26) rotate(-2deg);
    }
  }

  /* lang */
  

  /* normal listing */
  .section-list-style{padding: 0;margin: 0;border-bottom: 1px solid #B4B4B4}
  .section-list-style li{list-style: none;padding:25px 0;border-top: 1px solid #B4B4B4;}
  .section-list-style li h4 {background: url(/themes/custom/swap/assets/images/btn-open.svg) right center/40px 40px no-repeat;min-height: 40px;display: flex;align-items: center;}

  /* section Dropdown listing */
  .section-dropdown-wrap{border-bottom: 1px solid #B4B4B4;}
  .section-dropdown-item{padding: 25px 0;border-top: 1px solid #B4B4B4;}
  .section-dropdown-title{margin-bottom: 30px;background: url('../assets/images/btn-open.svg') right center/40px 40px no-repeat;min-height: 40px;display: flex;align-items: center;}
  .section-dropdown-title h4{margin: 0;}
  .section-dropdown-title a{text-decoration: none !important;}
  .section-dropdown-title.direct-link{background: url('../assets/images/btn-dlink.svg') right center/40px 40px no-repeat;}
  .section-dropdown-content-inner dl, 
  .section-dropdown-content-inner ol, 
  .section-dropdown-content-inner ul{padding-left: 0 ;margin-left: 18px ;}
  .section-dropdown-content-inner ul {list-style: none;margin-left: 0 ;;}
  .section-dropdown-content-inner ul li{position: relative;padding-left: 18px;margin-bottom: 5px;}
  .section-dropdown-content-inner ol li{margin-bottom: 5px;}
  .section-dropdown-content-inner ul li::before {  content: "– ";position: absolute;left: 0;top:0;}
  .section-dropdown-content-inner ul ul{margin-left: 18px;}
  .section-dropdown-content a{color: #000;text-decoration: underline;border-bottom: 0;box-shadow: none;}
  .direct-link h4,.direct-link a{text-decoration:  none !important;}
  .section-dropdown-item.linklist.active{padding-bottom: 0;}

  .section-dropdown-content-inner p{margin-bottom: 20px;}
  .content-a a{text-decoration: underline;}

  /* Name Listing Three Columns */
  .name-listing-three-columns ul {column-count: 3;column-gap: 30px;  }
  .name-listing-three-columns ul li {break-inside: avoid;page-break-inside: avoid;padding-left: 0;  }   
  .name-listing-three-columns ul li::before {display: none;}

  .section-dropdown-content{display: none;}
  .section-dropdown-item.active .section-dropdown-content{display: block;}
  .section-dropdown-title{margin-bottom: 0;cursor: pointer;}
  .section-dropdown-item.active  .section-dropdown-title{margin-bottom: 25px;background-image: url('../assets/images/btn-close.svg');}

  .section-dropdown-2col{margin-left: 0 !important;padding-left: 0 !important;list-style: none ;}
  .section-dropdown-2col li{border-top: 1px solid #B4B4B4;padding: 25px 0;position: relative;}
  .section-dropdown-2col li:first-child{border-top: none;}
  .section-dropdown-2col li.sub-listing-content{border-top: none;}
  .section-border-line{display:none}
  .section-dropdown-2col li.sub-listing-content .section-border-line{display: block;height: 1px;background:#B4B4B4 ;position: relative;top: -26px;left: 0;}
  .section-dropdown-item a{color: #000;}
  .section-dropdown-item a:hover{color: #000;}
  .pb-0,.section-dropdown-item-pb-0.active{padding-bottom: 0;}

  .dropdown-link-list {border-top: 1px solid #b4B4B4;}
  .dropdown-link-item{padding-left: 0 !important;border-bottom: 1px solid #B4B4B4 !important;padding-top: 25px;padding-bottom: 25px;}
  .dropdown-link-item a{color:#626262 ; text-decoration: none;}
  .dropdown-link-list .dropdown-link-item:last-child{border-bottom: 0 !important;}
  .dropdown-link-item h4{background: url('../assets/images/btn-next.svg') right center/40px 40px no-repeat;  min-height: 40px;  display: flex;  align-items: center;padding-right: 20%;}


  .dropdown-sub-list {border-top: 1px solid #b4B4B4;}
  .dropdown-sub-item{padding-left: 0 !important;border-bottom: 1px solid #B4B4B4 !important;padding-top: 25px;padding-bottom: 25px;transition: all 0.3s ease;}
  .dropdown-sub-item a{color:#626262 ; text-decoration: none;}
  .dropdown-sub-list .dropdown-sub-item:last-child{border-bottom: 0 !important;}
  .dropdown-sub-item h4{background: url('../assets/images/btn-open-sub.svg') right center/40px 40px no-repeat;  min-height: 40px;  display: flex;  align-items: center;padding-right: 20%;cursor: pointer;transition: all 0.3s ease;}
  .dropdown-sub-item.active h4{background: url('../assets/images/btn-close-sub.svg') right center/40px 40px no-repeat;}
  .dropdown-sub-item-extent{display: none;padding-top: 20px;transition: all 0.3s ease;}
  .dropdown-sub-item.active .dropdown-sub-item-extent{display: block;padding-right: 10%;}

  .section-dropdown-item .drop-num-list{padding-left: 0 !important;margin-left: 40px;}
  .section-dropdown-item .drop-num-list li{list-style: decimal ;padding: 0;margin-bottom: 0 !important;}
  .section-dropdown-item .drop-num-list li p{margin-bottom: 0;}
  .section-dropdown-item .drop-num-list li::before {display: none;}

    .section-dropdown-item .drop-num-list.pl-0{margin-left: 20px;}

  .section-dropdown-content-inner img{border-radius: 30px;}

 
  /* support listing */
  .news-listing-title .row{align-items: center;}
  .listing-sort-menu{padding: 0;margin: 0;text-align: right;display: none;}
  .listing-sort-menu li{display: inline-block;margin-left: 10px;}
  .listing-sort-menu li.active p{text-decoration: underline;color:#000}
  .team-contact{padding: 60px 0;}
  .staff-card__name a{text-decoration: none;}
  .news-listing-parent a{text-decoration: none !important;}
  .listing-sort-menu p{color:#626262;text-decoration: none !important;cursor: pointer;;}
  .listing-sort-menu li.active p{color:#000  }
  .people-control-2 p,.people-control-1 p{text-decoration: underline !important;}

  
  /* Year navigator with arrows */
  .year-navigator{position: relative;}
  .year-controls{display: inline-flex;align-items: center;margin-left: 5px;white-space: nowrap;}
  .year-prev, .year-next{display: inline-block;cursor: pointer;transition: all 0.3s ease;user-select: none;width: 10px;height: 10px;background-size: contain;background-repeat: no-repeat;background-position: center;flex-shrink: 0;}
  .year-prev{background-image: url('../assets/images/btn-year-prev.png');}
  .year-next{background-image: url('../assets/images/btn-year-next.png');}
  .year-prev:hover, .year-next:hover{opacity: 0.7;}
  .year-prev.disabled, .year-next.disabled{opacity: 0.3;cursor: not-allowed;pointer-events: none;}
  .current-year{display: inline-block;min-width: 45px;text-align: center;cursor: pointer;transition: color 0.2s ease;}
  .current-year:hover{color: #000;}
  .year-navigator.active .current-year{color: #000;}
  .news-listing li.filtered-out{display: none;}
  
  /* Month navigator with arrows */
  .month-navigator{position: relative;}
  .month-controls{display: inline-flex;align-items: center;margin-left: 5px;white-space: nowrap;}
  .month-prev, .month-next{display: inline-block;cursor: pointer;transition: all 0.3s ease;user-select: none;width: 10px;height: 10px;background-size: contain;background-repeat: no-repeat;background-position: center;flex-shrink: 0;}
  .month-prev{background-image: url('../assets/images/btn-year-prev.png');}
  .month-next{background-image: url('../assets/images/btn-year-next.png');}
  .month-prev:hover, .month-next:hover{opacity: 0.7;}
  .month-prev.disabled, .month-next.disabled{opacity: 0.3;cursor: not-allowed;pointer-events: none;}
  .current-month{display: inline-block;min-width: 40px;text-align: center;cursor: pointer;transition: color 0.2s ease;}
  .current-month:hover{color: #000;}
  .month-navigator.active .current-month{color: #000;}

  .people-control-1,.people-control-2{display: block;}  

  /* header */
  .site-header { position: relative; z-index: 50; background: #fff; min-height: 0 !important;padding: 20px 0; }
  .header-inner { display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; max-width: 1100px; margin: 0 auto; }
  .primary-nav ul { display: flex; gap: 1rem; margin: 0; padding: 0; list-style: none; }
  .primary-nav a { text-decoration: none; }
  .main-nav-function,.main-nav{display: flex;align-items: center;height: 100%;float: right;padding-right: 10px;}
  .main-nav{border-right: 1px solid #444;padding-right: 20px;}
  .main-nav-function p,.main-nav-function img{float: right;margin-left: 20px;}
  .main-nav-function img{width: 20px;}
  .main-nav ul{display: flex;align-items: center;margin: 0;padding: 0;}
  .main-nav ul li{list-style: none;margin-left: 20px;}
  .main-nav ul li a{font-weight: 500;color: #626262;}  
  .main-nav ul li a:hover, .main-nav ul li a.is-active{color: #000;}
  .logo img{height: 40px !important;}
  .menu{overflow: hidden;margin-bottom: 0 !important;}
  .lang-btn{margin-left: 20px;display: none;}
  .menu-btn,.mobile-menu{display: none;}


  /* footer */
  footer{background: #000;color: #fff;padding:100px 0}
  footer .row{position: relative;}
  footer a{color:#FFF}
  h6.footer-copyright {color: #888;text-align: right;position: absolute;bottom: 0;right: calc(var(--bs-gutter-x) * .5);}
  .footer-social-icons{float: right;display: flex;list-style: none;padding: 0;margin: 0;}
  .footer-social-icons li{margin-left: 13px;}
  .footer-social-icons li:first-child{margin-left: 0;}
  .footer-social-icons li img{width:32px;height:32px;transition: all 0.3s ease;}
  .footer-social-icons li a{display: inline-block;transition: all 0.3s ease;}
  .footer-social-icons li a:hover {filter: invert(1);}
  .back-to-top{float: right;}
  .back-to-top img{width: 40px;height: 40px;transition: all 0.3s ease;}
  .back-to-top:hover img{opacity: .2;;}
  .footer-menu-col-1 a,.footer-menu-col-2 a,.footer-menu-col-3 a{text-decoration: underline;}

  /* breadcrumb */
  .breadcrumb-right-margin{margin-right: 10px;}
  .breadcrumb-wrap{
    padding: 20px 0;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 40;
    height: 100px;
    transition: all 0.3s ease-in-out;
  }
  .breadcrumb-wrap ul{
    list-style: none;
    padding: 0;
    margin: 0 20px 0 0;
    gap: 20px;
    float: left;
    display: inline-flex;
  }
  /* breadcrumb-list expand animation */
  .breadcrumb-list{
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
  }
  .breadcrumb-list.slide-in{
    opacity: 1;
    max-width: 1000px;
    transition: opacity 0.5s ease-out, 
                max-width 0.8s ease-out;
  }
  .breadcrumb-wrap ul li{display: inline-block;}
  .breadcrumb-wrap p{font-weight: 500;float: left;padding-top:10px;padding-bottom: 10px;}
  .breadcrumb-wrap ul li a{color:#626262;}
  .breadcrumb-wrap ul li a:hover{color:#000}
  .breadcrumb-wrap ul li.active a{color:#000;opacity: 1;}
  .breadcrumb-current-page{padding:0 20px;background: #000;color: #fff;border-radius: 20px;overflow: hidden;position: relative;float: left;margin-right: 20px;}
  .breadcrumb-sub-page{padding:0 20px;background:none;border: 1px solid #000;border-radius: 20px;overflow: hidden;position: relative;float: left;margin-right: 10px;transition: all 0.3s ease-in-out;}
  .breadcrumb-sub-page:hover{background: #000;color: #fff;}
  .breadcrumb-sub-page:hover a{color:#FFF;}
  .breadcrumb-sub-page.active{background: #000;color: #fff;}
  .breadcrumb-sub-page.active a{color:#FFF;}
  .breadcrumb-current-page a{color:#FFF;}
  .breadcrumb-inner{background: rgba(33, 33, 33, 0.1);padding: 10px;border-radius: 30px;position: relative;overflow: hidden;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(10px);}
  .search-btn{display: none;float: right;padding: 0 20px;    background: #fff;    color: #b4b4b4 ;border-radius: 20px;    overflow: hidden;    position: relative;;width: 84px; transition: all 0.3s ease; }
  .search-btn:hover{width: 200px;}
  .search-btn input{border: none;outline: none;background: transparent;color: #b4b4b4;width: 100%;padding: 0;margin: 0;box-shadow: none;line-height: 40px;min-height: 0;}
  .search-btn input:focus{border: none;outline: none;box-shadow: none;}
  .search-btn input::placeholder{color: #b4b4b4;}


  /* Home */
  .tag-wrap{display: inline-block;background: #D3F9F9;border-radius: 20px;padding: 10px 20px;}


  .home-hero-slider{width: 100%;height: calc(100vh - 160px);position: relative;overflow: hidden;margin: 0;padding: 0;}
  .hero-flexslider{width: 100%;height: 100vh;border: none !important;margin: 0 !important;}
  .hero-flexslider .slides{height: 100vh;margin: 0;padding: 0;list-style: none;}
  .hero-flexslider .slides > li{height: calc(100vh - 160px) !important;display: flex !important;align-items: center !important;justify-content: center !important;}
  .hero-flexslider .flex-control-nav,
  .hero-flexslider .flex-direction-nav{display: none !important;}
  .hero-slide{width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
  .hero-slide-video{overflow: hidden;}
  .hero-video-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;object-fit: cover;object-position: center;}
  .hero-content{position: relative;z-index: 2;text-align: center;color: #fff;padding: 40px;mix-blend-mode: difference;max-width: 980px;}
  .hero-content h1{margin-bottom: 20px;color: #fff;}
  .hero-content h4{color: #828282;}
  .hero-slide .landing-contorl{mix-blend-mode: difference;}
  .hero-slide .landing-contorl *{color: #fff;}
  .hero-slide .landing-contorl .btn-wrap{border-color: #fff;}
  
  .landing-contorl{position: absolute;bottom:40px;width: 100%;left: 0;z-index: 46;}
  .landing-contorl .row{align-items: center;}
  .landing-contorl .text-right{display: none/*flex*/;align-items: center;justify-content: flex-end;gap: 10px;}

  .home-news-nav{margin-top: 20px;}
  .home-new-wrap{position: relative;height: 100%;;}
  #home-news .btn-wrap{bottom: 0;position: absolute;;}
  .home-owl-carousel .owl-nav{display: none !important}
  #home-about .col-md-4{position: relative;}
  .home-about-slide-img{width: 223px;height: 223px;position: absolute;right: calc(var(--bs-gutter-x) * .5);bottom: 0;overflow: visible;}
  .home-about-slide-img svg{width: 100%;height: 100%;display: block;overflow: visible;}
  .about-director-svg, .about-director-svg-mobile{width: 100%;height: 100%;overflow: visible;}
  #home-news img{border-radius: 30px;overflow:hidden;}

  .home-study-image,.home-research-image {background-size: cover; background-position: center; width: 100%; padding-bottom: 67.69%; /* 880/1300 */}
  .home-study-image h5,.home-research-image h5{display: none;}

  .field--name-field-study-image,.field--name-field-home-research-image{border-radius: 30px ;overflow: hidden;}
  
  /* Reset field wrapper styles to show content directly */
  .field--name-field-history-description,
  .field--name-field-aims {
    margin: 0;
    padding: 0;
    border: none;
  }
  .field--name-field-history-description .field__label,
  .field--name-field-aims .field__label {
    display: none;
  }
  .field--name-field-history-description .field__item,
  .field--name-field-aims .field__item {
    margin: 0;
    padding: 0;
  }

  .home-about-slider{padding: 0;margin: 0;list-style: none;position: relative;overflow: hidden;}
  .home-about-slider .flex-control-nav{position: absolute;bottom: 0;width: 100%;text-align: center;z-index: 10;}
  .home-about-slider .flex-control-nav li{margin: 0 10px;display: inline-block;}
  .home-about-slider .flex-control-nav li a{width: 10px;height: 10px;background:none  ;border-radius: 50%;cursor: pointer;border: 1px solid #000;}
  .home-about-slider .flex-control-nav li a.flex-active{background:#000}
  .home-about-slider .flex-control-paging li a{box-shadow: none !important;}
  .home-about-slider .flex-control-paging li a:focus{outline: solid 0px currentColor;outline-offset: 0px;}

  .featured-news-image{border-radius: 30px;}

  .home-owl-carousel .owl-nav{margin-top: 20px;}
  .home-owl-carousel .owl-nav button{width: 40px;height: 40px;background: #000 !important;color: #fff !important;border-radius: 50%;font-size: 20px;transition: all 0.3s ease;}
  .home-owl-carousel .owl-nav button:hover{background: #626262 !important;}
  .home-owl-carousel .owl-dots{margin-top: 20px;text-align: center;}
  .home-owl-carousel .owl-dot{width: 10px;height: 10px;background: #b4b4b4;border-radius: 50%;display: inline-block;margin: 0 5px;transition: all 0.3s ease;}
  .home-owl-carousel .owl-dot.active{background: #000;}
  
  .home-news-nav .row{padding:20px 0;border-top: 1px solid #B4B4B4;border-bottom: 1px solid #b4b4b4;}
  .news-card .home-new-thum{width: 112px;height: 76px;border-radius: 10px;position: absolute;left: 0;;}
  .news-card{padding-left: 132px;min-height: 76px;}
  .news-card-title{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.2em;
  }
  .featured-news-title{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #home-about{position: relative;;padding: 60px 0;background: url('../assets/images/bg-home-about.jpg') no-repeat center center;background-size: cover;}
  .home-event-list{padding: 0;margin: 0;border-bottom: 1px solid #B4B4B4;}
  .home-event-list li{list-style: none;padding: 25px 0;border-top: 1px solid #B4B4B4;display: flex;align-items: center;}
  .home-event-list-date{margin-left: auto;text-align: right;min-width: 200px}
  .home-event-list li h4{padding-right: 100px;}




  /* About */
  .owl-carousel-about{text-align: center;}
  #section-about-milestones .owl-theme .owl-nav {  position: absolute;  z-index: 48;  top: 0;  left: 0;  width: 100%;  height: 100%;pointer-events: none;}
  #section-about-milestones  .owl-nav button.owl-next{right: calc(50% - 50vw);width: 200px;height: 100%;margin: 0;position: absolute;opacity: 0;pointer-events: auto;}
  #section-about-milestones .owl-nav button.owl-prev{left:calc(50% - 50vw);width: 200px;height: 100%;margin: 0;position: absolute;opacity: 0;pointer-events: auto;}


  #section-about-milestones{width: 100%;overflow: hidden;background: #F7F7F7;}

  #section-about-history, #section-give-svg{background: url('../assets/images/about_banner.jpg') center bottom/cover no-repeat;position: relative;overflow: hidden;}
  #section-about-history svg, #section-give-svg svg{position: fixed;bottom: -130px;left: -30px;width: 520px;z-index: 1;transition: none;}
  #section-about-history svg.sticky-active, #section-give-svg svg.sticky-active{position: fixed;bottom: -130px;}
  #section-about-history svg.absolute-active, #section-give-svg svg.absolute-active{position: absolute;bottom: -130px;}
  #section-about-history .container, #section-give-svg .container{position: relative;z-index: 2;}
  
  .milestone-info{width: 100%;padding: 0 10px;}
  .milestone-inner{width: 100%;background: #FFF;border-radius: 30px;min-height: 440px;overflow: hidden;border-radius: 30px;}
  .milestone-inner .milestone-content{padding: 40px 80px 40px 40px;width: 50%}
  .milestone-inner .milestone-image{position: absolute;right: 10px;top:0;width: 50%;height: 100%;background: #eee;border-radius: 30px;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
  .owl-carousel-milestones-info{margin: 0 auto;display: block !important;position: relative !important;}
    .owl-carousel-milestones-info{width: calc((1320px * 5)) !important;left: 50% !important;transform: translateX(-50%) !important;}

  .owl-carousel-milestones{text-align: center;width: 120% !important;margin-left: -10%; position: relative;}
  .owl-carousel-milestones::before{content:"　";position: absolute;width: 100%;height: 1px;background: #B4B4B4;top:5px;left: 0;}
  .owl-carousel .owl-stage {    transition: transform 0.3s ease-in-out !important;    }
  .owl-carousel .owl-item {    transition: opacity 0.3s ease-in-out !important;  }
  .owl-carousel-milestones h1{position: relative;padding-top: 30px;}
  .owl-carousel-milestones h1::before{content: "　";position: absolute;width: 10px;height: 10px;background: #000;left: 50%;transform: translateX(-50%);top:0;border-radius: 100%;}
  .owl-carousel-milestones .active.center .item{opacity: 1;}
  .owl-carousel-milestones .item{opacity: .2;cursor: pointer;transition: opacity 0.3s ease;}
  .owl-carousel-milestones .item:hover{opacity: 0.6;}

  .missions-slider-container {
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
    position: relative;
    background: url('../assets/images/mission_content.jpg') center/cover no-repeat;
    background-attachment: fixed;
  }  
  .missions-flexslider {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    background: transparent !important;
  }
  .mission-slide {
    height: 660px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent;
    position: relative;
  }
  .mission-content {
    position: relative;
    text-align: center;
    padding: 40px;
    z-index: 2;
  }


  .missions-flexslider .flex-control-nav {position: absolute;bottom: 20px;width: 100%;text-align: center;z-index: 10;}
  .missions-flexslider .flex-control-nav li {margin: 0 5px;display: inline-block;}
  .missions-flexslider .flex-control-nav li a {width: 10px;height: 10px;background: none;border-radius: 50%;cursor: pointer;border: 1px solid #000;}
  .missions-flexslider .flex-control-nav li a.flex-active {background:#000}
  .missions-flexslider .flex-control-paging li a{box-shadow: none !important;}
  .missions-flexslider .flex-control-paging li a:focus {outline: solid 0px currentColor;outline-offset: 0px;}

  #section-about-director-message{background: #D3F9F9;}
  #section-about-director-message .col-md-6{position: relative;overflow: visible;}
  #section-about-director-message .home-about-slide-img{left: 0;}
  .about-director-img{position: absolute;bottom: 0;left: calc(var(--bs-gutter-x) * .5);width: 186px !important;overflow: visible;}
  .about-director-img svg{width: 100%;height: 100%;display: block;overflow: visible;}

  .home-study-title{padding:10px 0;border-top: 1px solid #B4B4B4;border-bottom: 1px solid #B4B4B4;margin-bottom: 20px;background:  url('../assets/images/btn-next.svg') no-repeat right center;background-size: 40px 40px;;}





  /* Study */
  #study-landing{background: #AAA;;width: 100%;height: calc(100vh - 260px);position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
  #study-landing h2{position: absolute;z-index: 2;mix-blend-mode: difference;color: #fff;text-align: center;}
  #study-landing .hero-video-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 1;}
  #study-landing .landing-contorl{z-index: 2;mix-blend-mode: difference;}
  #study-landing .landing-contorl *{color: #fff;}
  #study-landing .landing-contorl .btn-wrap{border-color: #fff;}
  #study-spec{background: url('../assets/images/bg-studyspec.jpg') no-repeat center center;background-size: cover;width: 100%;height: 100vh;display: flex;flex-direction: column;}
  .study-spec-qoute{width: 100%;flex: 1;display: flex;align-items: center;justify-content: center;padding-top: 60px;}
  .study-spec-data{width: 100%;padding:0 0 60px 0;}
  .study-spec-data .row{padding-top: 50px;border-top: 1px solid #B4B4B4;}

  .study-programme-title-wrap{position: relative;background: #D3F9F9;border-radius: 30px;display: flex;align-items: stretch;min-height: 400px;transition: all 0.3s ease;}
  .study-programme-title{border-radius: 30px;padding: 40px 60px 40px 40px;width: 50%;display: flex;flex-direction: column;position: relative;transition: all 0.3s ease;}
  .study-programme-title h3{margin-bottom: 0.5rem;}
  .study-programme-title .short-version,
  .study-programme-title .long-version{margin-bottom: 0;}
  .study-programme-title .programme-toggle{margin-top: auto;padding-top: 20px;}
  .study-programme-title-wrap img{border-radius: 30px;width: 50%;object-fit: cover;}
  .study-programme-title .text-btn-2{text-decoration: underline;}

  #study-scholarship{padding-top: 60px;padding-bottom: 160px;background: url('../assets/images/bg-study-scholarship.jpg') no-repeat center center;background-size: cover;margin-bottom: 130px;}
  .study-scholarship-people{padding:40px 0;margin: 0 auto 60px;}
  .owl-carousel-scholarship{position: relative;}
  .owl-carousel-scholarship .scholarship-card{border-radius: 30px;overflow: hidden;background: #fff;transition: all 0.3s ease;}
  .owl-carousel-scholarship .scholarship-card img{width: 100%;aspect-ratio: 3/4;object-fit: cover;}
  .owl-carousel-scholarship .scholarship-info{padding: 40px;min-height: 340px;padding-right: 240px;position: relative;}
  .owl-carousel-scholarship .scholarship-info h5{position: absolute;;bottom: 40px;padding-right: 260px;;}
  .owl-carousel-scholarship .scholarship-ppl-thum{width:140px;height: 140px;position: absolute;right: 40px;top:40px;}
  .owl-carousel-scholarship .scholarship-ppl-thum .scholarship-svg{width: 100%;height: 100%;display: block;}
  
  .scholarship-wrap{position: relative;height: 100%;}
  .scholarship-wrap .btn-wrap{position: absolute;bottom: 0}

  .icon-plus{width: 60px;height:60px;background: url('../assets/images/icon-plus.svg') no-repeat center center;background-size: contain;position: relative;margin-left: 10px;display: inline-block;;}

  .study-taught-postgraduate .study-programme-title-wrap{background: #C8E3FC;flex-direction: row-reverse;}

  .study-research-postgraduate  .study-programme-title-wrap{background: #DFFFDD;}

  .study-internship-opportunities  .study-programme-title-wrap{background: #E3E6EC;flex-direction: row-reverse;}

  /* people */
  .staff-card__image{border-radius: 30px;overflow: hidden;}
  .staff-card__image img{width: 100%;}  
  .staff-card__no-image{background: #EEE;border-radius: 30px;width: 100%;padding-bottom: 100%;position: relative;}
  #section-team-leadership .staff-card__no-image{background: url('../assets/images/Team_Leadership_Profile_BG.jpg') no-repeat center center;background-size: cover;}
  #section-team-people .staff-card__no-image{background: url('../assets/images/Team_People_Profile_BG.jpg') no-repeat center center;background-size: cover;}
  .views-view-grid {  display: grid;  grid-template-columns: repeat(var(--views-grid--column-count), 1fr);  column-gap: 2rem; /* 左右間距 */  row-gap: 4rem;    /* 行距 */}
  .leadership-listing-list{display: none;}
  .leadership-listing-list.active{display: block;}
  .people-control-1 li,.people-control-2 li{cursor: pointer;}
  #honorary-faculty {border-bottom: 1px solid #B4B4B4;}
  .team-contact-banner{border-radius: 30px;}
  
  /* Staff Lightbox */
  .staff-lightbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;opacity: 0;pointer-events: none;transition: opacity 0.5s ease;display: none;align-items: center;justify-content: center;}
  .staff-lightbox.active{opacity: 1;pointer-events: auto;}
  .staff-lightbox-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(33, 33, 33, 0);backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);cursor: pointer;transition: background 0.6s cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-backdrop-filter 0.6s cubic-bezier(0.4, 0, 0.2, 1);will-change: backdrop-filter;}
  .staff-lightbox.active .staff-lightbox-overlay{background: rgba(33, 33, 33, 0.3);}
  .staff-lightbox-content{position: relative;background: rgba(255, 255, 255, 0.95);border-radius: 30px;max-width: 1200px;width: 90%;max-height: 90vh;overflow-y: auto;padding: 60px;z-index: 1;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transform: scale(0.9);opacity: 0;transition: all 0.5s ease;}
  .staff-lightbox.active .staff-lightbox-content{transform: scale(1);opacity: 1;}
  .staff-lightbox-close{position: absolute;top: 20px;right: 20px;background: none;border: none;line-height: 1;cursor: pointer;z-index: 2;height: 40px;width: 40px;background: url('../assets/images/btn-closepop.svg') no-repeat center center;background-size: cover;}
  .staff-portrait{width: 100%;}
  .staff-portrait img{border-radius: 30px;width: 100%;height: auto;}
  .staff-portrait-placeholder{width: 100%;aspect-ratio: 1200 / 900;border-radius: 30px;background: #EEE;}
  .staff-lightbox-people .staff-portrait-placeholder{background: url('../assets/images/Team_People_Profile_BG.jpg') no-repeat center center;background-size: cover;}
  .staff-lightbox-leadership .staff-portrait-placeholder{background: url('../assets/images/Team_Leadership_Profile_BG.jpg') no-repeat center center;background-size: cover;}


  /* News */
  .section-news-banner .container, .section-events-banner .container, .section-knowledge-exchange-banner .container, .section-press-banner .container {
    z-index: 2;
    position: relative;
  }  
  .section-news-banner{padding: 80px 60px;background: url('../assets/images/bg-news-banner-2025.jpg?v=20250104') no-repeat center center;background-size: cover;overflow: hidden;position: relative;}
  .section-events-banner{padding: 80px 60px;background: url('../assets/images/bg-news-banner-2025.jpg?v=20250104') no-repeat center center;background-size: cover;overflow: hidden;position: relative;}
  .section-press-banner{padding: 80px 60px;background: url('../assets/images/bg-news-banner-2025.jpg?v=20250104') no-repeat center center;background-size: cover;overflow: hidden;position: relative;}
  .section-knowledge-exchange-banner{padding: 80px 60px;background: url('../assets/images/bg-news-banner-2025.jpg?v=20250104') no-repeat center center;background-size: cover;overflow: hidden;}

  .news-listing a{text-decoration: underline;}

  /* Load More Button States */
  .news-load-more-btn{cursor: pointer;transition: opacity 0.5s ease, background 0.3s ease;margin: 0 auto ;text-align: center;}
  .news-load-more-btn:hover{opacity: 0.7;}
  .news-load-more-btn.loading{opacity: 0.6;cursor: wait;}
  .news-load-more-btn.disabled{opacity: 0;cursor: not-allowed;pointer-events: none;}
  .news-load-more-btn.hide{opacity: 0;pointer-events: none;transition: opacity 0.5s ease;}
  
  /* Events Load More Button - Centered */
  .events-load-more-btn{cursor: pointer;transition: opacity 0.5s ease, background 0.3s ease;margin: 0 auto ;text-align: center;}
  .events-load-more-btn:hover{opacity: 0.7;}
  .events-load-more-btn.loading{opacity: 0.6;cursor: wait;}
  .events-load-more-btn.disabled{opacity: 0;cursor: not-allowed;pointer-events: none;}
  .events-load-more-btn.hide{opacity: 0;pointer-events: none;transition: opacity 0.5s ease;}
  
  /* Fade in animation for newly loaded items */
  .news-listing li.news-item-loading{opacity: 0;transform: translateY(20px);}
  .news-listing li.news-item-loaded{opacity: 1;transform: translateY(0);transition: opacity 0.6s ease, transform 0.6s ease;}
  
  /* Fade in animation for press release grid items */
  .press-release-grid .col-4.news-item-loading{opacity: 0;transform: translateY(20px);}
  .press-release-grid .col-4.news-item-loaded{opacity: 1;transform: translateY(0);transition: opacity 0.6s ease, transform 0.6s ease;}

  /* Staff Load More Button */
  .staff-load-more-btn{cursor: pointer;transition: opacity 0.5s ease, background 0.3s ease;margin: 0 auto;text-align: center;}
  .staff-load-more-btn:hover{opacity: 0.7;}
  .staff-load-more-btn.loading{opacity: 0.6;cursor: wait;}
  .staff-load-more-btn.disabled{opacity: 0;cursor: not-allowed;pointer-events: none;}
  .staff-load-more-btn.hide{opacity: 0;pointer-events: none;transition: opacity 0.5s ease;}
  
  /* Fade in animation for newly loaded staff items */
  .staff-listing .views-view-grid__item.staff-item-loading{opacity: 0;transform: translateY(20px);}
  .staff-listing .views-view-grid__item.staff-item-loaded{opacity: 1;transform: translateY(0);transition: opacity 0.6s ease, transform 0.6s ease;}

  .news-listing-title{padding: 25px 0;;border-top: 1px solid #B4B4B4;display: flex;justify-content: space-between;align-items: center;}
  .news-listing-title h3{margin: 0;}

  .news-listing-sort{padding: 25px 0;position: relative;border-top: 1px solid #B4B4B4;;}
  .news-listing{margin-left: 0 !important;padding-left: 0 !important;list-style: none ;margin-bottom: 60px;border-bottom: 1px solid #B4B4B4;}
  .news-listing li{border-top: 1px solid #B4B4B4;padding: 25px 0;position: relative;}
  .section-news-list .container{text-align: center;}
  .section-news-list .row{text-align: left;}

  .section-news-ke{border-top: 1px solid #B4B4B4;padding-top: 25px;}
  .news-ke-left{padding-right: 40px;}

  #knowledge-brochure{position: relative;}
  #knowledge-brochure .btn-wrap{position: absolute;bottom: 0;}
  #knowledge-brochure img{border-radius: 30px ;}

  .ke-listing-title{display: flex;justify-content: space-between;align-items: center;}
  .ke-newsletter-item{position: relative;overflow: hidden;margin-bottom: 20px;}
  .ke-newsletter-item::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:  url('../assets/images/newsletter_bg.png') no-repeat center center;background-size: cover;z-index: 1;pointer-events: none;border-radius: 30px;}
  .ke-newsletter-info{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;z-index: 2;}
  .ke-newsletter-info p{position: absolute;top: 25px;left: 0;width: 100%;}
  .ke-newsletter-info .btn-wrap{position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);padding: 3px 10px;border: none;text-decoration: underline;;}

  #press-media-coverage{position: relative;}
  .press-media-coverag-title{padding-left: 40px;}


  .memorial-lecture-list {padding: 0;margin: 0;}
  .memorial-lecture-list li{padding:40px 0;margin: 0;list-style: none;margin-bottom: 20px;border-radius: 30px;}
  .memorial-lecture-list li:nth-child(even){background: #DFFFDD;}
  .memorial-lecture-list li:nth-child(odd){background: #C8E3FC;}
  .memorial-drop-icon{width: 40px;height: 40px;background: url('../assets/images//btn-open.svg') center/contain no-repeat;transition: transform 0.3s ease;cursor: pointer;}
  .memorial-drop-icon .btn-wrap{display: none;}
  .memorial-thum{aspect-ratio: 368 / 245;width:calc( 100% - 40px);float: right;border-radius: 30px;}
  .news-thum{aspect-ratio: 368 / 245;width: 100%;border-radius: 30px;}

  .news-content-wrap img{border-radius: 30px;}
  .speaker-image-square{aspect-ratio: 1 / 1;width: 100%;border-radius: 30px;}
  .newsletter-cover-square{aspect-ratio: 1 / 1;width: 100%;background-color: #F7F7F7;border-radius: 30px;position: relative;overflow: hidden;}
  .newsletter-cover-square::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: var(--hover-bg);background-size: cover;background-position: center center;background-repeat: no-repeat;opacity: 0;transition: opacity 0.5s ease;filter: grayscale(100%);}
  .ke-newsletter-item:hover .newsletter-cover-square::before{opacity: 1;}
  .ke-newsletter-item:hover .ke-newsletter-item{mix-blend-mode: luminosity;}
  .ke-newsletter-item:hover p,.ke-newsletter-item:hover h4{display: none;}


  /* Research */
  .research-listing-title{padding: 25px 0;display: flex;justify-content: space-between;align-items: center;}

  #research-landing{background: #AAA;;width: 100%;height: calc(100vh - 260px);position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
  #research-landing h2{position: absolute;z-index: 2;mix-blend-mode: difference;color: #fff;text-align: center;}
  #research-landing .hero-video-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 1;}
  #research-landing .landing-contorl{z-index: 2;mix-blend-mode: difference;}
  #research-landing .landing-contorl *{color: #fff;}
  #research-landing .landing-contorl .btn-wrap{border-color: #fff;}
  #research-listing-wrap{background: #F7F7F7;border-top: 0;padding-top: 130px;}
  #research-listing-wrap .news-listing-title{border-top: 0;}
  .research-list {padding: 0;margin: 0;}
  .research-list li{padding:40px 0;margin: 0;list-style: none;margin-bottom: 20px;border-radius: 30px;background: #FFF;transition: all 0.3s ease;}
  .research-drop-icon{width: 40px;height: 40px;background: url('../assets/images//btn-open.svg') center/contain no-repeat;transition: transform 0.3s ease;cursor: pointer;}
  .research-list li.active .research-drop-icon{background: url('../assets/images//btn-close.svg') center/contain no-repeat;}
  .research-drop-icon .btn-wrap{display: none;}
  .research-list li.active .research-drop-icon .btn-wrap{font-size: 0;}
  .research-list li.active .research-drop-icon .btn-wrap::before{content: 'Less';font-size: 16px;}

  .research-short-version, .research-long-version{transition: opacity 0.3s ease;}
  .research-long-version{display: flex;flex-wrap: wrap;gap: 20px;align-items: flex-start;}
  .research-2-col{flex: 1;min-width: 45%;}
  .research-2-col p{margin: 0;}
  .research-thum{aspect-ratio: 368 / 245;width:calc( 100% - 40px);float: right;border-radius: 30px;}



  /* staff */
  .staff-detail {margin-top: 40px;}
  .staff-info{display: flex;flex-direction: column;justify-content: center;height: 100%;}


  .staff-meta p{margin:0;}
  .staff-lastupdate{padding: 25px 0;  border-top: 1px solid #B4B4B4; }
  figcaption{padding:5px 0;font-family: var(--font-sans);background: #FFF;}
  .staff-dropdown-content-inner iframe{width: 100%; aspect-ratio: 4/3 ;}
  .media--type-image  img{width: 100%;}


  .full-column-wrap img{width: 70% !important;margin: 0 auto 40px ;}
  .staff-portrait{border-radius: 30px;overflow: hidden;}


  /* events */
  .events-detail  {margin-top: 40px;}
  .events-title-section{padding-top: 60px;border: 1px solid #B4B4B4;}
  .events-listing-title{padding: 25px 0;border-top: 1px solid #B4B4B4;border-bottom: 1px solid #B4B4B4;;display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
  .events-detail img{border-radius: 30px;}
  /* press */
  .support－content h1,
  .support－content h2,
  .support－content h3,
  .support－content h4,
  .support－content h5,
  .support－content h6
  {font-weight: 400;} 

  /* give */
  #section-give .row{align-items: stretch;}
  #section-give .section-give-left{background: #DFFFDD;padding: 40px 80px 40px 40px;border-radius: 30px;}
  #section-give .section-give-right{width: 100%;height: 100%; background: #EEE;border-radius: 30px;}


  /* join-us grid layout */
  .join-grid-layout{display: grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: repeat(2, 1fr);gap: 20px;width: 100%;}
  .join-grid-item{overflow: hidden;border-radius: 20px;background: #f5f5f5;position: relative;cursor: pointer;}
  .join-grid-item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);;z-index: 1;pointer-events: none;}
  .join-grid-item img{transition: all 0.3s ease-in-out;}
  .join-grid-item:nth-child(1){grid-column: 1 / 4;grid-row: 1 / 3;}
  .join-grid-item:nth-child(2){grid-column: 4 / 10;grid-row: 1;}
  .join-grid-item:nth-child(3){grid-column: 10 / 13;grid-row: 1;}
  .join-grid-item:nth-child(4){grid-column: 4 / 7;grid-row: 2;}
  .join-grid-item:nth-child(5){grid-column: 7 / 13;grid-row: 2;}
  .join-grid-item h5{position: absolute;left: 20px;bottom: 20px;z-index: 2;}
  .join-grid-item:hover::before{background: rgba(255,255,255,0.2);}
  .join-grid-item:hover img{transform: scale(1.05);}
  #section-join-internships{background: #D3F9F9;position: relative;}
  #join-professorships{position: relative;}
  #join-professorships .container{position: relative;z-index: 2;}
  #section-join-internships .support-item-2{width: 390px;right: calc(50% - 800px);top:-180px;animation: floatUp 6s ease-in-out infinite;}
  #join-professorships .support-item-1{width: 1120px;  left: calc(50% - 1120px);top: -80px;z-index: 0;animation: floatDown 8s ease-in-out infinite;}

  @keyframes floatUp {
    0%, 100% {transform: translateY(0px);}
    50% {transform: translateY(-20px);}
  }
  
  @keyframes floatDown {
    0%, 100% {transform: translateY(0px);}
    50% {transform: translateY(20px);}
  }
  
  .join-internships{margin-top: 60px;width: 100%;overflow: hidden;}
  .join-carousel-wrapper{width: 100%;overflow: hidden;position: relative;}
  .join-carousel-track{display: flex;gap: 10px;will-change: transform;}
  .join-carousel-item{width: 315px;height: 315px;background: #EEE;flex-shrink: 0;border-radius: 30px;background-size: cover !important;}


  /* intranet */
  .section-intranet-banner{padding: 80px 60px;background: url('../assets/images/bg-intranet-banner.jpg') no-repeat center center;background-size: cover;}
  .intranet-menu{padding: 0;margin:0;}
  .intranet-menu li{list-style: none;;float: left;margin-right: 20px;}

  /* 404 Page */
  .not-found-page{min-height: 50vh;display: flex;flex-direction: column;justify-content: center;align-items: center;}
  .not-found-page h1{font-size: 120px;line-height: 1;color: #000;margin-bottom: 20px;}
  .not-found-page .btn-wrap{margin-top: 20px;}

  /* Newsletter Subscription */
  .newsletter-subscription{margin-top: 10px;}
  .newsletter-input-wrap{display: flex;align-items: center;gap: 0;border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 10px;}
  .newsletter-input{flex: 1;background: transparent;border: none;color: #828282;font-size: 16px;padding: 0 0;outline: none;}
  .newsletter-input:focus{outline: none;border: none;box-shadow: none;}
  .newsletter-input::placeholder{color: #828282;}
  .newsletter-submit{background: transparent;border: 1px solid #FFF;border-radius: 20px;color: #FFF;padding: 8px 20px;cursor: pointer;transition: all 0.3s ease;white-space: nowrap;}
  .newsletter-submit:hover{background: #FFF;color: #000;}
  .newsletter-message{margin-top: 10px;font-size: 14px;color: #FFF;}
  .newsletter-message.success{color: #888;}
  .newsletter-message.error{color: #888;}

  /* User Login Page */
  .page-user-login{background: #f8f9fa;min-height: 100vh;display: flex;flex-direction: column;}
  .login-header{background: #fff;padding: 30px 0;border-bottom: 1px solid #e6e7e8;box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
  .login-logo img{height: 50px;width: auto;max-width: 100%;}
  .login-main{flex: 1;display: flex;align-items: center;padding: 60px 0;}
  .login-wrapper{background: #fff;border-radius: 12px;padding: 50px 40px;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}
  .login-header-text h2{font-size: 32px;font-weight: 500;color: #000;letter-spacing: -0.02em;}
  .login-form-wrapper{margin: 0;}
  
  /* Login Form Styling */
  .page-user-login form{margin: 0;}
  .page-user-login .form-item{margin-bottom: 25px;}
  .page-user-login label{display: block;margin-bottom: 8px;font-weight: 500;color: #3a3a3a;font-size: 16px;}
  .page-user-login input[type="text"],
  .page-user-login input[type="password"],
  .page-user-login input[type="email"]{width: 100%;padding: 14px 16px;border: 1px solid #d9d9d9;border-radius: 8px;font-size: 16px;transition: all 0.3s ease;background: #fff;}
  .page-user-login input[type="text"]:focus,
  .page-user-login input[type="password"]:focus,
  .page-user-login input[type="email"]:focus{outline: none;border-color: #3a3a3a;box-shadow: 0 0 0 3px rgba(58,58,58,0.1);}
  .page-user-login .description{font-size: 14px;color: #888;margin-top: 6px;}
  .page-user-login .form-actions{margin-top: 30px;}
  .page-user-login input[type="submit"],
  .page-user-login button[type="submit"]{width: 100%;padding: 14px 24px;background: #3a3a3a;color: #fff;border: none;border-radius: 8px;font-size: 16px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;}
  .page-user-login input[type="submit"]:hover,
  .page-user-login button[type="submit"]:hover{background: #000;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
  .page-user-login .messages{margin-bottom: 25px;padding: 14px 16px;border-radius: 8px;font-size: 15px;}
  .page-user-login .messages.error{background: #fff5f5;border: 1px solid #ffebeb;color: #c53030;}
  .page-user-login .messages.status{background: #f0fdf4;border: 1px solid #dcfce7;color: #166534;}
  .page-user-login .messages.warning{background: #fffbeb;border: 1px solid #fef3c7;color: #92400e;}
  .login-footer a{text-decoration: none;transition: all 0.3s ease;}
  .login-footer a:hover{color: #000 !important;text-decoration: underline;}
  .login-footer-bottom{background: #fff;padding: 25px 0;border-top: 1px solid #e6e7e8;margin-top: auto;}
  
  /* Password visibility toggle */
  .page-user-login .password-toggle{position: relative;}
  .page-user-login .password-toggle-btn{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;color: #888;padding: 5px;transition: color 0.3s ease;}
  .page-user-login .password-toggle-btn:hover{color: #3a3a3a;}