/* CSS trang học phí, chính sách, phương thức tuyển sinh, NCKH, bài viết – lấy từ daihoc.fpt.edu.vn (2026-11-03T09:41:44.914Z) */
@keyframes pvc-loading { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
#ez-toc-container, .ez-toc-split-section { background: rgb(249, 249, 249); border: 1px solid rgb(170, 170, 170); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; display: table; margin-bottom: 1em; padding: 10px 20px 10px 10px; position: relative; width: auto; }
#ez-toc-container ul, #ez-toc-container li, .ez-toc-split-section ul, .ez-toc-split-section li { margin: 0px; padding: 0px; }
#ez-toc-container ul, #ez-toc-container li, #ez-toc-container ul li, .ez-toc-split-section ul, .ez-toc-split-section li, .ez-toc-split-section ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li { background: none; list-style: none none; line-height: 1.6; margin: 0px; overflow: hidden; z-index: 1; }
#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title { text-align: left; line-height: 1.45; margin: 0px; padding: 0px; }
.ez-toc-title-container { display: table; width: 100%; }
.ez-toc-title, .ez-toc-title-toggle { display: inline; text-align: left; vertical-align: middle; }
#ez-toc-container a, .ez-toc-split-section a { color: rgb(68, 68, 68); box-shadow: none; text-decoration: none; text-shadow: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; display: inline-flex; align-items: stretch; flex-wrap: nowrap; }
#ez-toc-container a:visited, .ez-toc-split-section a:visited { color: rgb(159, 159, 159); }
#ez-toc-container a:hover, .ez-toc-split-section a:hover { text-decoration: underline; }
#ez-toc-container a.ez-toc-toggle, .ez-toc-split-section a.ez-toc-toggle { display: flex; align-items: center; color: rgb(68, 68, 68); }
.ez-toc-btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; user-select: none; }
.ez-toc-btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
.ez-toc-btn:hover, .ez-toc-btn:focus { color: rgb(51, 51, 51); text-decoration: none; }
.ez-toc-btn:active, .ez-toc-btn.active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }
.ez-toc-btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); }
.ez-toc-btn-default:hover, .ez-toc-btn-default:focus, .ez-toc-btn-default:active, .ez-toc-btn-default.active { color: rgb(51, 51, 51); background-color: rgb(235, 235, 235); border-color: rgb(173, 173, 173); }
.ez-toc-btn-default:active, .ez-toc-btn-default.active { background-image: none; }
.ez-toc-btn-sm, .ez-toc-btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.ez-toc-btn-xs { padding: 1px 5px; }
.ez-toc-btn-default { text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset, rgba(0, 0, 0, 0.075) 0px 1px 1px; }
.ez-toc-btn-default:active { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }
.ez-toc-btn:active, .btn.active { background-image: none; }
.ez-toc-btn-default { text-shadow: rgb(255, 255, 255) 0px 1px 0px; background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%); background-repeat: repeat-x; border-color: rgb(204, 204, 204); }
.ez-toc-btn-default:hover, .ez-toc-btn-default:focus { background-color: rgb(224, 224, 224); background-position: 0px -15px; }
.ez-toc-btn-default:active, .ez-toc-btn-default.active { background-color: rgb(224, 224, 224); border-color: rgb(219, 219, 219); }
.ez-toc-pull-right { float: right !important; margin-left: 10px; }
#ez-toc-container .ez-toc-js-icon-con, .ez-toc-split-section .ez-toc-js-icon-con { position: relative; cursor: pointer; display: initial; }
#ez-toc-container .ez-toc-js-icon-con, .ez-toc-split-section .ez-toc-js-icon-con { float: right; position: relative; font-size: 16px; padding: 0px; border: 1px solid rgb(153, 145, 145); border-radius: 5px; cursor: pointer; left: 10px; width: 35px; }
div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title { display: initial; }
#ez-toc-container a.ez-toc-toggle, .ez-toc-split-section a.ez-toc-toggle { color: rgb(68, 68, 68); background: inherit; border: inherit; }
.ez-toc-icon-toggle-span { display: flex; align-items: center; width: 35px; height: 30px; justify-content: center; direction: ltr; }
.eztoc-hide { display: none; }
:root { --cl-primary: #f37021; --cl-text: #1e1e1e; }
* { box-sizing: border-box; padding: 0px; margin: 0px; scroll-behavior: smooth; }
body { font-family: Roboto, sans-serif; font-size: 16px; line-height: 1.2; color: var(--cl-text); background-color: rgb(255, 255, 255); overflow-x: hidden; }
.container { max-width: 1252px; padding-left: 15px; padding-right: 15px; margin: 0px auto; }
a { text-decoration: none; color: inherit; transition: 0.3s; }
ul { list-style-type: none; }
.sm { display: none !important; }
button { font-family: inherit; }
img { width: auto; height: 100%; object-fit: cover; max-width: 100%; }
section:not(.hero) { padding: 80px 0px; }
@keyframes headerActive { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}
.banner { position: relative; }
.banner img { width: 100%; height: 100%; }
.future-btn { margin-top: 24px; background-color: var(--cl-primary); color: white; display: flex; width: fit-content; border-radius: 8px; gap: 16px; align-items: center; padding: 12px 24px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.event { position: relative; }
.event h2 { margin-bottom: 48px; }
.breadcrumb { display: flex; align-items: center; padding: 24px 0px; gap: 24px; }
.breadcrumb span { display: flex; align-items: center; }
.breadcrumb span:first-child { width: 24px; height: 24px; flex-shrink: 0; }
.breadcrumb p { font-size: 16px; font-weight: 400; color: rgb(9, 9, 11); }
.title-common { display: flex; justify-content: center; align-items: flex-end; gap: 12px; }
.title-common h2 { font-size: 44px; font-weight: 700; flex-shrink: 0; max-width: 100%; }
.title-common h2 strong { color: var(--cl-primary); font-weight: 700; }
.title-common-decor-right, .title-common-decor-left { flex: 1 1 0%; display: flex; align-items: center; gap: 8px; position: relative; }
.title-common-decor-right img, .title-common-decor-left img { max-width: 160px; }
.title-common-decor-left img { transform: rotateY(180deg); }
.title-common-decor-right::before { content: ""; position: relative; width: 100%; height: 1px; background-color: rgb(204, 204, 204); display: block; }
.title-common-decor-left::after { content: ""; position: relative; width: 100%; height: 1px; background-color: rgb(204, 204, 204); display: block; }
.swiper-button-next, .swiper-button-prev { background: white; width: 40px !important; height: 40px !important; border-radius: 50% !important; flex-shrink: 0 !important; display: flex !important; }
.swiper-button-next::after, .swiper-button-prev::after { color: black; font-weight: 700; font-size: 16px !important; }
.exam-intro { position: relative; background-image: url("../img/theme/exam-intro-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center bottom; padding-bottom: 120px !important; }
.exam-intro-main { display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; gap: 60px; }
.exam-intro-image { position: relative; padding: 50px 40px 20px; background-image: url("../img/theme/exam-intro-decor.png"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }
.exam-intro-image-mobile { display: none; }
.exam-intro-image img { width: 100%; height: 100%; border-radius: 8px; }
.exam-intro-content .title-common { justify-content: flex-start; }
.exam-intro-content p { margin-top: 24px; line-height: 1.4; }
@media (max-width: 767px){
.exam-intro { padding-bottom: 80px !important; }
.exam-intro-main { grid-template-columns: 1fr; gap: 0px; display: flex; flex-direction: column; }
.exam-intro-content { order: 1; margin-bottom: 30px; }
.exam-intro-image { order: 2; padding: 40px 30px 20px; }
.exam-intro-image-desktop { display: none; }
.exam-intro-image-mobile { display: block; margin: 20px auto; text-align: center; }
.exam-intro-content .title-common h2 { font-size: 24px; }
.exam-intro-content p { margin-top: 16px; font-size: 15px; }
}
.reseach-intro p { margin-top: 40px; }
.research-achivement { background-color: rgb(250, 250, 250); position: relative; }
.research-achivement::before { position: absolute; top: 0px; left: 0px; content: ""; background-image: url("../img/theme/major-detail-feature-decor.svg"); background-size: 100% auto; background-position: 0px -650px; background-repeat: no-repeat; width: 100%; height: 100%; z-index: 1; }
.achivement-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; margin-top: 40px; }
.achivement-item { background-color: white; padding: 24px; }
.achivement-item span { font-size: 60px; color: var(--cl-primary); font-weight: 600; margin-bottom: 4px; }
.achivement-item p { color: rgb(112, 112, 112); margin-bottom: 4px; }
.achivement-item h3 { font-size: 18px; font-weight: 700; color: rgb(36, 36, 36); }
.research-project-desc { margin-top: 12px; }
.research-project, .research-forum { position: relative; background-color: rgb(250, 250, 250); }
.research-project::before { content: ""; position: absolute; top: 0px; left: 0px; background-image: url("../img/theme/research-project-decor.png"); background-repeat: no-repeat; background-size: contain; width: 380px; height: 380px; }
.research-project-list, .research-news-swiper { margin-top: 60px; padding: 0px 0px 40px !important; }
.research-project-item img { border-radius: 8px; margin-bottom: 24px; aspect-ratio: 3 / 1; min-height: 224px; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.research-project-item h3 { font-size: 24px; font-weight: 700; color: rgb(30, 30, 30); text-align: center; }
.research-project .future-btn, .research-news-main .future-btn, .research-forum .future-btn { margin: 40px auto 0px; }
.research-project-main, .research-news-main { position: relative; }
.research-slider-btn-next { border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 12px 0px; right: 5px !important; }
.research-slider-btn-prev { border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 12px 0px; left: 5px !important; }
.research-slider-btn > div:not(.swiper-pagination) { top: 38%; transition: 0.3s; }
.research-slider-btn > div:not(.swiper-pagination):hover { background-color: var(--cl-primary); }
.research-slider-btn > div:not(.swiper-pagination):hover::after { transition: 0.3s; }
.research-slider-btn > div:not(.swiper-pagination):hover::after { color: white; }
.research-forum { position: relative; }
.research-forum::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40%; background-image: url("../img/theme/overview-major-decor-dot.svg"); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; transform: rotate(180deg); }
.research-forum-list { margin-top: 60px; display: flex; flex-direction: column; gap: 64px; }
.research-forum-item { display: flex; }
.research-forum-item img { clip-path: polygon(15% 0px, 100% 0px, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0px 100%, 0px 15%); }
.forum-item-img { position: relative; max-width: 240px; width: 100%; aspect-ratio: 1 / 1; z-index: 10; }
.forum-item-img::before { content: ""; position: absolute; left: -20px; bottom: -20px; background-image: url("../img/theme/research-forum-decor.svg"); background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; max-width: 130px; max-height: 160px; }
.forum-item-right { filter: drop-shadow(rgba(0, 0, 0, 0.08) 0px 2px 7px); }
.forum-item-content { padding: 20px 20px 20px 60px; background-color: white; height: 100%; display: flex; flex-direction: column; justify-content: center; clip-path: polygon(95% 0%, 100% 20%, 100% 100%, 100% 80%, 95% 100%, 100% 100%, 0% 100%, 0% 0%); }
.forum-item-content h3 { color: rgb(36, 36, 36); font-size: 18px; margin-bottom: 12px; }
.forum-item-content > div { display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 24px; margin-bottom: 12px; }
.forum-item-content > div > p { color: rgb(112, 112, 112); }
.forum-item-content > div > ul { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.forum-item-content > div > ul li { padding: 4px 12px; background-color: var(--cl-primary); font-size: 14px; color: white; border-radius: 26px; font-weight: 600; min-height: 28px; display: flex; align-items: center; justify-content: center; }
.forum-item-right { padding: 12px 0px; width: calc(100% + 40px); margin-left: -40px; }
.research-news-item img { width: 100%; aspect-ratio: 16 / 9; border-radius: 8px; margin-bottom: 24px; transition: transform 0.3s; }
.research-news-item:hover img { transform: scale(1.05); }
.research-news-item h3 { font-size: 20px; font-weight: 700; color: rgb(30, 30, 30); -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; transition: color 0.3s; }
.research-news-item:hover h3 { color: rgb(243, 112, 33); }
.research-partner { padding: 80px 0px; background: rgb(250, 250, 250); position: relative; overflow: hidden; }
.research-partner::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; height: 1000px; background-image: none; background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0.2; z-index: 0; pointer-events: none; }
.research-partner .container { position: relative; z-index: 1; }
.research-partner-main { margin-top: 60px; position: relative; overflow: hidden; }
.research-partner-slider { display: flex; align-items: center; gap: 32px; padding: 80px 0px; transition: transform 0.4s; }
.research-partner-item { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; opacity: 0.5; transition: opacity 0.4s; }
.research-partner-item-link { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit; transition: transform 0.3s; }
.research-partner-item-link:hover { transform: translateY(-5px); }
.research-partner-item-link:hover h3 { color: rgb(243, 112, 33); }
.research-partner-item-img { position: relative; display: block; margin-bottom: 60px; width: 280px; height: 280px; }
.research-partner-item img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center top; aspect-ratio: 1 / 1; transform: scale(0.7); transition: transform 0.4s, border 0.4s; border: 0px solid transparent; image-rendering: crisp-edges; }
.research-partner-item span::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 350px; height: 350px; background-repeat: no-repeat; background-size: contain; background-position: center center; z-index: -1; opacity: 0; transition: opacity 0.4s, transform 0.4s; }
@keyframes rotate { 
  0% { transform: translate(-50%, -50%) scale(1.8) rotate(0deg); }
  100% { transform: translate(-50%, -50%) scale(1.8) rotate(360deg); }
}
.research-partner-item-info { display: none; text-align: center; }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.research-partner-item-info h3 { font-size: 24px; font-weight: 700; color: rgb(30, 30, 30); margin: 0px 0px 8px; }
.research-partner-item-info p { font-size: 16px; color: rgb(112, 112, 112); margin: 0px; }
.research-partner-btn-prev, .research-partner-btn-next { position: absolute; top: 42%; transform: translateY(-50%); width: 50px; height: 50px; background-color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; font-size: 20px; color: var(--cl-primary); z-index: 10; transition: 0.3s; }
.research-partner-btn-prev:hover, .research-partner-btn-next:hover { background-color: var(--cl-primary); color: white; transform: translateY(-50%) scale(1.1); }
.research-partner-btn-prev { left: 0px; }
.research-partner-btn-next { right: 0px; }
.research-partner-pagination { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }
@media (max-width: 991px){
.research-partner-main { padding: 0px 50px; }
.research-partner { padding: 60px 0px; }
.research-partner-item-img { width: 220px; height: 220px; margin-bottom: 40px; }
.research-partner-item span::before { width: 300px; height: 300px; }
.research-partner-item-info h3 { font-size: 20px; }
.research-partner-item-info p { font-size: 14px; }
.research-partner-btn-prev, .research-partner-btn-next { width: 40px; height: 40px; font-size: 18px; }
}
@media (max-width: 767px){
.research-partner-main { padding: 0px 50px; }
.research-partner { padding: 50px 0px; }
.research-partner-slider { padding: 40px 0px; gap: 20px; }
.research-partner-item-img { width: 200px; height: 200px; margin-bottom: 30px; }
.research-partner-item span::before { width: 250px; height: 250px; }
.research-partner-item-info h3 { font-size: 18px; }
.research-partner-btn-prev { left: 5px; }
.research-partner-btn-next { right: 5px; }
}
@media screen and (min-width: 1253px){
.research-slider-btn-next { right: -20px !important; }
.research-slider-btn-prev { left: -20px !important; }
}
@media screen and (max-width: 1023px){
.research-achivement::before { display: none; }
}
@media screen and (max-width: 767px){
.banner img { min-height: 125px; }
.sm { display: flex !important; }
section:not(.hero) { padding: 24px 0px; }
.event h2 { margin-bottom: 30px; }
.overview-hero { display: flex; flex-direction: column-reverse; justify-content: flex-start; }
.overview-hero .container { margin-left: 0px; }
.breadcrumb { width: 100%; gap: 12px; padding: 12px 0px; }
.breadcrumb span:first-child { width: 16px; height: 16px; }
.breadcrumb p { font-size: 14px; }
.future-btn { width: 100%; justify-content: center; }
.title-common h2 { flex-shrink: 1; font-size: 24px; }
.title-common-decor-right img, .title-common-decor-left img { max-width: 50px; }
.breadcrumb { gap: 10px; }
.breadcrumb p { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.breadcrumb p:not(:nth-child(5)) { max-width: 120px; }
.exam-intro-main, .exam-benefit-main { grid-template-columns: 1fr; }
.exam-intro-image { padding: 20px 30px; }
.exam-intro-image-mobile { margin: 15px auto; }
.exam-intro-content p { margin-top: 10px; }
.exam-intro { padding-bottom: 40px !important; }
.achivement-list { grid-template-columns: 1fr 1fr; gap: 20px; }
.achivement-item span { font-size: 40px; }
.achivement-item h3 { font-size: 16px; }
.achivement-item p { font-size: 14px; }
.research-project::before { display: none; }
.research-project-list, .research-news-swiper { margin-top: 40px; padding: 0px 0px 40px !important; }
.research-project-item img { margin-bottom: 12px; }
.research-project-item h3 { font-size: 20px; }
.research-slider-btn-next { right: 5px !important; }
.research-slider-btn-prev { left: 5px !important; }
.research-project .future-btn, .research-news-main .future-btn, .research-forum .future-btn { margin: 20px auto 0px; }
.research-forum-item { flex-direction: column; align-items: center; }
.research-forum-list { margin-top: 24px; gap: 40px; }
.forum-item-img { max-width: 500px; padding: 6px; }
.forum-item-content { padding: 70px 20px 35px; clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 90% 100%, 10% 100%, 0% 90%); }
.forum-item-right { margin: -70px 0px 0px; width: calc(100% - 12px); }
.forum-item-img::before { inset: -10px -10px auto auto; transform: rotate(180deg); }
.forum-item-content > div > p { font-size: 14px; }
.forum-item-content > div { grid-template-columns: 150px 1fr; gap: 10px; }
.forum-item-content > div > ul { gap: 6px; }
.forum-item-content > div > ul li { padding: 6px 12px; }
.forum-item-content b { font-size: 14px; }
.research-news-item h3 { font-size: 16px; }
}
@media (max-width: 767px){
.research-news-item { background: white; border: 1px solid rgb(224, 224, 224); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.research-news-item img { border-radius: 12px 12px 0px 0px; margin-bottom: 0px !important; }
.research-news-item h3 { margin: 0px; padding: 16px; font-size: 16px; line-height: 1.4; color: rgb(30, 30, 30); background: white; border-radius: 0px 0px 12px 12px; }
}
.research-forum-mobile { display: none; }
.research-forum-desktop { display: flex; }
@media (max-width: 767px){
.research-forum-desktop { display: none !important; }
.research-forum-mobile { display: block; margin-top: 24px; position: relative; }
.research-forum-swiper { overflow: hidden; padding-bottom: 60px; }
.research-forum-swiper .swiper-slide { height: auto; }
.research-forum-swiper .research-forum-item { flex-direction: column; align-items: center; }
.research-forum-btn { position: relative; }
.research-forum-btn .swiper-button-prev, .research-forum-btn .swiper-button-next { position: absolute; top: -250px; width: 44px; height: 44px; background: white; border: 1px solid rgb(221, 221, 221); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: 0.3s; }
.research-forum-btn .swiper-button-prev::after, .research-forum-btn .swiper-button-next::after { font-size: 18px; color: rgb(51, 51, 51); }
.research-forum-btn .swiper-button-prev:hover, .research-forum-btn .swiper-button-next:hover { background: var(--cl-primary); border-color: var(--cl-primary); }
.research-forum-btn .swiper-button-prev:hover::after, .research-forum-btn .swiper-button-next:hover::after { color: white; }
.research-forum-btn .swiper-button-prev { left: 10px; }
.research-forum-btn .swiper-button-next { right: 10px; }
.research-forum-swiper .swiper-pagination { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }
}
.title-common-decor-left, .title-common-decor-right { flex: 1 1 0%; display: flex; align-items: center; }
.title-common-decor-left { justify-content: flex-end; }
.title-common-decor-right { justify-content: flex-start; }
.title-common-decor-left img, .title-common-decor-right img { max-width: 100%; height: auto; }
@media screen and (max-width: 767px){
.title-common-decor-left img, .title-common-decor-right img { max-width: 80px; }
}
@media screen and (max-width: 374px){
.title-common-decor-left img, .title-common-decor-right img { max-width: 60px; }
}
@keyframes bounce-left { 
  0%, 100% { transform: translateX(-4px); }
  50% { transform: translateX(-8px); }
}
.btn-view-more { display: inline-flex; align-items: center; gap: 12px; padding: 12px 32px; background-color: var(--cl-primary); color: white; font-weight: 700; font-size: 16px; border-radius: 8px; transition: 0.3s; }
.btn-view-more:hover { background-color: rgb(216, 95, 26); transform: translateY(-2px); }
.btn-view-more img { width: 16px; height: 16px; }
@media screen and (max-width: 767px){
.btn-view-more { width: 100%; justify-content: center; padding: 10px 24px; font-size: 14px; }
.btn-view-more img { width: 14px; height: 14px; }
}
@media screen and (max-width: 1023px){
.title-common-decor-right { width: 100%; }
}
.sidebar-banner { position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; transition: 0.3s; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; }
.sidebar-banner:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background-color: var(--cl-primary); }
.sidebar-banner img { width: 100%; height: auto; aspect-ratio: 345 / 200; object-fit: cover; display: block; border-radius: 8px 8px 0px 0px; }
.sidebar-banner-label { position: static; display: block; padding: 16px 16px 16px 24px; background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; font-size: 16px; font-weight: 700; color: rgb(36, 36, 36); text-align: center; border-left: 4px solid var(--cl-primary); transition: 0.3s; }
.sidebar-banner:hover .sidebar-banner-label { color: rgb(255, 255, 255); background-color: var(--cl-primary); border-left-color: rgb(255, 255, 255); }
@media screen and (max-width: 1023px){
.sidebar-banner img { aspect-ratio: 16 / 9; }
.sidebar-banner-label { padding: 12px 12px 12px 20px; font-size: 14px; }
}
@media screen and (max-width: 767px){
.sidebar-banner img { aspect-ratio: 16 / 9; }
.sidebar-banner-label { padding: 12px 12px 12px 20px; font-size: 14px; }
}
.article-detail-section { padding: 80px 0px; background-color: var(--cl-bg-light); }
.article-detail-wrapper { display: grid; grid-template-columns: minmax(0px, 1fr) 345px; gap: 40px; }
.article-detail-main { background: rgb(255, 255, 255); border-radius: 12px; padding: 40px; min-width: 0px; }
.article-header { border-bottom: 1px solid var(--cl-border); }
.article-title { font-size: 32px; font-weight: 700; line-height: 1.3; color: rgb(36, 36, 36); margin-bottom: 16px; }
.article-meta { display: flex; align-items: center; gap: 8px; color: var(--cl-primary); font-size: 14px; font-weight: 500; }
.article-meta .meta-icon { width: 16px; height: 16px; object-fit: contain; }
.article-quote { background: rgb(255, 243, 240); border-radius: 8px; padding: 48px 32px 28px; margin: 32px 0px; position: relative; }
.article-quote p { font-size: 16px; line-height: 1.8; color: rgb(26, 26, 26); font-weight: 600; margin: 0px; text-align: left; }
@media screen and (max-width: 767px){
.article-quote { padding: 40px 20px 24px; margin: 24px 0px; }
.article-quote p { font-size: 15px; line-height: 1.7; }
}
@media screen and (max-width: 480px){
.article-quote { padding: 36px 16px 20px; }
.article-quote p { font-size: 14px; line-height: 1.6; }
}
.article-sidebar { display: flex; flex-direction: column; gap: 24px; position: sticky; top: 20px; height: fit-content; }
.sidebar-widget { background: rgb(255, 255, 255); border-radius: 8px; padding: 24px; }
.widget-title { font-size: 18px; font-weight: 700; color: rgb(36, 36, 36); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--cl-primary); }
.latest-posts { display: flex; flex-direction: column; gap: 16px; }
.latest-post-item { transition: transform 0.3s; }
.latest-post-item:hover { transform: translateX(4px); }
.latest-post-link { display: flex; gap: 12px; align-items: flex-start; }
.latest-post-thumb { flex-shrink: 0; width: 80px; height: 60px; border-radius: 6px; overflow: hidden; }
.latest-post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.latest-post-item:hover .latest-post-thumb img { transform: scale(1.1); }
.latest-post-title { font-size: 14px; font-weight: 600; line-height: 1.4; color: rgb(36, 36, 36); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.latest-post-item:hover .latest-post-title { color: var(--cl-primary); }
.sidebar-banner { position: relative; border-radius: 8px; overflow: hidden; transition: transform 0.3s; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; }
.sidebar-banner a { display: block; }
.sidebar-banner:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.sidebar-banner img { width: 100%; height: auto; aspect-ratio: 345 / 200; object-fit: cover; display: block; border-radius: 8px 8px 0px 0px; }
.sidebar-banner-label { position: static; display: block; padding: 16px; background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; font-size: 16px; font-weight: 700; color: rgb(36, 36, 36); text-align: center; border-top: 3px solid var(--cl-primary); }
@media screen and (max-width: 1023px){
.article-detail-wrapper { grid-template-columns: 1fr; gap: 32px; }
.article-sidebar { position: static; }
.latest-posts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.latest-post-link { flex-direction: column; }
.latest-post-thumb { width: 100%; height: 120px; }
}
@media screen and (max-width: 767px){
.article-detail-section { padding: 40px 0px; }
.article-detail-main { padding: 24px 16px; border-radius: 8px; }
.article-title { font-size: 20px; }
.article-meta { font-size: 13px; }
.article-meta .meta-icon { width: 14px; height: 14px; }
.article-sidebar { gap: 20px; }
.sidebar-widget { padding: 20px 16px; }
.widget-title { font-size: 16px; margin-bottom: 16px; }
.latest-posts { grid-template-columns: 1fr; gap: 12px; }
.latest-post-link { flex-direction: row; }
.latest-post-thumb { width: 80px; height: 60px; }
.latest-post-title { font-size: 13px; }
.sidebar-banner img { aspect-ratio: 16 / 9; }
.sidebar-banner-label { padding: 12px; font-size: 14px; }
}
@media screen and (max-width: 480px){
.article-detail-main { padding: 20px 12px; }
.article-title { font-size: 18px; }
.sidebar-widget { padding: 16px 12px; }
}
.article-detail-section { background-color: var(--cl-bg-light); padding: 0px !important; }
.article-content-group { margin: 32px 0px; padding: 0px; }
.article-content-group:first-of-type { margin-top: 0px; }
.article-content-group:last-of-type { margin-bottom: 0px; }
@media screen and (max-width: 767px){
.article-content-group { margin: 24px 0px; }
}
.article-author { display: flex; align-items: center; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--cl-border); }
.author-icon { width: 18px; height: 18px; object-fit: contain; color: var(--cl-primary); }
.author-name { font-size: 15px; font-weight: 600; color: rgb(36, 36, 36); }
@media screen and (max-width: 767px){
.article-author { margin-top: 32px; padding-top: 20px; }
.author-icon { width: 16px; height: 16px; }
.author-name { font-size: 14px; }
}
@media screen and (max-width: 480px){
.article-author { margin-top: 24px; padding-top: 16px; }
.author-icon { width: 15px; height: 15px; }
.author-name { font-size: 13px; }
}
.btn-view-more { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background-color: var(--cl-primary); color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; border-radius: 8px; transition: 0.3s; }
.btn-view-more:hover { background-color: rgb(230, 90, 0); transform: translateY(-2px); box-shadow: rgba(255, 107, 0, 0.3) 0px 4px 12px; }
.btn-view-more img { width: 16px; height: 16px; transition: transform 0.3s; }
.btn-view-more:hover img { transform: translateX(4px); }
@media screen and (max-width: 767px){
.btn-view-more { padding: 12px 24px; font-size: 14px; }
}
@media screen and (max-width: 480px){
.btn-view-more { width: 100%; justify-content: center; }
}
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.article-detail-main { width: 100%; }
.article-title { font-size: 32px; font-weight: 700; line-height: 1.3; margin-bottom: 12px; color: rgb(34, 34, 34); }
.article-meta { display: flex; align-items: center; gap: 6px; font-size: 15px; color: rgb(102, 102, 102); margin-bottom: 24px; }
.article-meta img.meta-icon { width: 18px; }
.article-quote { position: relative; padding: 20px 24px 20px 60px; background: rgb(247, 248, 250); border-left: 4px solid rgb(255, 109, 0); margin-bottom: 32px; border-radius: 6px; }
.article-quote p { margin: 0px; font-size: 18px; line-height: 1.6; color: rgb(34, 34, 34); font-style: italic; }
.article-content-group { font-size: 17px; line-height: 1.75; color: rgb(51, 51, 51); min-width: 0px; }
.article-content-group p { margin: 16px 0px; }
.article-content-group h2 { font-size: 24px; font-weight: 700; margin: 32px 0px 16px; color: rgb(34, 34, 34); }
.article-content-group h4, .article-content-group h5, .article-content-group h6 { margin: 20px 0px 12px; font-weight: 600; }
.article-content-group ul, .article-content-group ol { margin: 16px 0px 16px 24px; }
.article-content-group li { margin-bottom: 8px; }
.article-content-group a { color: rgb(255, 109, 0); text-decoration: underline; overflow-wrap: anywhere; }
.article-content-group a:hover { opacity: 0.85; }
.article-content-group img { max-width: 100%; height: auto; border-radius: 8px; }
.article-content-group figure { margin: 24px 0px; text-align: center; }
.article-content-group figure img { border-radius: 8px; }
.article-content-group figure figcaption { margin-top: 8px; font-size: 14px; color: rgb(102, 102, 102); font-style: italic; }
.article-content-group .wp-block-image, .article-content-group .wp-block-image figure, .article-content-group .wp-block-image img, .article-content-group figure, .article-content-group img { max-width: 100%; height: auto; }
.article-content-group .wp-caption { box-sizing: border-box; max-width: 100% !important; width: 100% !important; }
.article-content-group .wp-caption img { width: 100% !important; height: auto !important; }
.article-content-group .wp-caption.aligncenter { margin-left: auto; margin-right: auto; }
.article-content-group .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.article-content-group table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 20px 0px; }
.article-content-group table th, .article-content-group table td { border: 1px solid rgb(221, 221, 221); padding: 10px 12px; }
.article-content-group table th { background: rgb(245, 245, 245); font-weight: 600; }
.article-author { display: flex; align-items: center; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 1px solid rgb(238, 238, 238); }
.article-author img.author-icon { width: 24px; opacity: 0.8; }
.article-author .author-name { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); }
@media (max-width: 991px){
.article-title { font-size: 28px; }
.article-content-group { font-size: 16px; }
}
@media (max-width: 767px){
.article-title { font-size: 24px; }
.article-quote { padding: 16px 20px 16px 52px; }
}
@media (max-width: 767px){
.overview-hero .breadcrumb { display: none; }
}
.single-event .event-detail-section { padding: 0px 0px 60px; background-color: rgb(250, 250, 250); }
.single-event .event-detail-main { padding: 36px; }
.single-event .event-inline-meta { margin-bottom: 16px; gap: 8px 14px; }
.single-event .event-inline-item { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: rgb(255, 247, 242); color: rgb(75, 85, 99); font-size: 13px; z-index: 1; }
.single-event .event-inline-item img { width: 16px; height: 16px; object-fit: contain; }
.single-event .event-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; }
.single-event .event-detail-actions .btn-view-more { padding: 10px 18px; font-size: 14px; }
.single-event .event-campus-tag { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px dashed rgb(247, 178, 129); border-radius: 999px; color: rgb(55, 65, 81); background: rgb(255, 255, 255); font-size: 14px; font-weight: 500; }
.single-event .event-campus-tag img { width: 16px; height: 16px; object-fit: contain; }
.single-event .event-sidebar { top: 88px; }
.single-event .event-summary-card { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 250, 245) 100%); }
.single-event .event-summary-list { display: flex; flex-direction: column; gap: 14px; }
.single-event .event-summary-list li { display: grid; grid-template-columns: 20px 1fr; align-items: flex-start; gap: 10px; }
.single-event .event-summary-icon img { width: 18px; height: 18px; object-fit: contain; margin-top: 3px; }
.single-event .event-summary-label { margin: 0px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: rgb(107, 114, 128); letter-spacing: 0.5px; }
.single-event .event-summary-value { margin: 4px 0px 0px; color: rgb(31, 41, 55); line-height: 1.5; }
.single-event .event-register-note { margin-bottom: 14px; color: rgb(75, 85, 99); line-height: 1.6; }
.single-event .event-register-card .btn-view-more { width: 100%; justify-content: center; }
.single-event .event-latest-time { margin-top: 4px; color: rgb(107, 114, 128); font-size: 12px; line-height: 1.4; }
@media (max-width: 1023px){
.single-event .event-detail-main { padding: 28px 22px; }
}
@media (max-width: 767px){
.single-event .event-detail-section { padding: 0px 0px 40px; }
.single-event .event-detail-main { padding: 20px 14px; }
.single-event .event-inline-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.single-event .event-inline-item { border-radius: 10px; width: 100%; }
.single-event .event-inline-item:nth-child(1), .single-event .event-inline-item:nth-child(2) { flex: 0 0 calc(50% - 4px); width: calc(50% - 4px); justify-content: center; }
.single-event .event-inline-item:nth-child(3) { flex: 0 0 100%; width: 100%; }
.single-event .event-detail-actions { flex-direction: column; align-items: stretch; }
.single-event .event-detail-actions .btn-view-more { width: 100%; justify-content: center; }
.single-event .event-campus-tag { justify-content: center; }
}
:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }
@media (min-resolution: 192dpi){
:root { --wp-admin-border-width-focus: 1.5px; }
}
:root .has-very-light-gray-background-color { background-color: rgb(238, 238, 238); }
:root .has-very-dark-gray-background-color { background-color: rgb(49, 49, 49); }
:root .has-very-light-gray-color { color: rgb(238, 238, 238); }
:root .has-very-dark-gray-color { color: rgb(49, 49, 49); }
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132), rgb(6, 147, 227)); }
:root .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228), rgb(71, 33, 251) 50%, rgb(171, 29, 254)); }
:root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168), rgb(218, 208, 236)); }
:root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225), rgb(103, 166, 113)); }
:root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154), rgb(0, 74, 89)); }
:root .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104), rgb(49, 205, 207)); }
:root .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129), rgb(40, 116, 252)); }
:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
:root .has-text-align-center { text-align: center; }
:root .has-text-align-left { text-align: left; }
:root .has-text-align-right { text-align: right; }
.aligncenter { clear: both; }
html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }
:where(figure) { margin: 0px 0px 1em; }
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
body { padding: 0px; }
:root :where(.wp-element-button, .wp-block-button__link) { background-color: rgb(50, 55, 60); border-width: 0px; color: rgb(255, 255, 255); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; text-transform: inherit; }
img[data-dominant-color]:not(.has-transparency) { background-color: var(--dominant-color); }
div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title { font-size: 120%; }
div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title { font-weight: 500; }
div#ez-toc-container ul li, div#ez-toc-container ul li a, .ez-toc-split-section ul li, .ez-toc-split-section ul li a { font-size: 95%; }
div#ez-toc-container ul li, div#ez-toc-container ul li a, .ez-toc-split-section ul li, .ez-toc-split-section ul li a { font-weight: 500; }
.ez-toc-container-direction { direction: ltr; }
.ez-toc-counter ul { counter-reset: item 0; }
.ez-toc-counter nav ul li a::before { content: counters(item, ".") ". "; display: inline-block; counter-increment: item 1; flex-grow: 0; flex-shrink: 0; margin-right: 0.2em; float: left; }
:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }
@media (min-resolution: 192dpi){
:root { --wp-admin-border-width-focus: 1.5px; }
}
:root .has-very-light-gray-background-color { background-color: rgb(238, 238, 238); }
:root .has-very-dark-gray-background-color { background-color: rgb(49, 49, 49); }
:root .has-very-light-gray-color { color: rgb(238, 238, 238); }
:root .has-very-dark-gray-color { color: rgb(49, 49, 49); }
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132), rgb(6, 147, 227)); }
:root .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228), rgb(71, 33, 251) 50%, rgb(171, 29, 254)); }
:root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168), rgb(218, 208, 236)); }
:root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225), rgb(103, 166, 113)); }
:root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154), rgb(0, 74, 89)); }
:root .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104), rgb(49, 205, 207)); }
:root .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129), rgb(40, 116, 252)); }
:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
:root .has-text-align-center { text-align: center; }
:root .has-text-align-left { text-align: left; }
:root .has-text-align-right { text-align: right; }
.aligncenter { clear: both; }
html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }
:where(figure) { margin: 0px 0px 1em; }
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
body { padding: 0px; }
:root :where(.wp-element-button, .wp-block-button__link) { background-color: rgb(50, 55, 60); border-width: 0px; color: rgb(255, 255, 255); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; text-transform: inherit; }
img[data-dominant-color]:not(.has-transparency) { background-color: var(--dominant-color); }
div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title { font-size: 120%; }
div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title { font-weight: 500; }
div#ez-toc-container ul li, div#ez-toc-container ul li a, .ez-toc-split-section ul li, .ez-toc-split-section ul li a { font-size: 95%; }
div#ez-toc-container ul li, div#ez-toc-container ul li a, .ez-toc-split-section ul li, .ez-toc-split-section ul li a { font-weight: 500; }
.ez-toc-container-direction { direction: ltr; }
.ez-toc-counter ul { counter-reset: item 0; }
.ez-toc-counter nav ul li a::before { content: counters(item, ".") ". "; display: inline-block; counter-increment: item 1; flex-grow: 0; flex-shrink: 0; margin-right: 0.2em; float: left; }
:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }
@media (min-resolution: 192dpi){
:root { --wp-admin-border-width-focus: 1.5px; }
}
:root .has-very-light-gray-background-color { background-color: rgb(238, 238, 238); }
:root .has-very-dark-gray-background-color { background-color: rgb(49, 49, 49); }
:root .has-very-light-gray-color { color: rgb(238, 238, 238); }
:root .has-very-dark-gray-color { color: rgb(49, 49, 49); }
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132), rgb(6, 147, 227)); }
:root .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228), rgb(71, 33, 251) 50%, rgb(171, 29, 254)); }
:root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168), rgb(218, 208, 236)); }
:root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225), rgb(103, 166, 113)); }
:root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154), rgb(0, 74, 89)); }
:root .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104), rgb(49, 205, 207)); }
:root .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129), rgb(40, 116, 252)); }
:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
:root .has-text-align-center { text-align: center; }
:root .has-text-align-left { text-align: left; }
:root .has-text-align-right { text-align: right; }
.aligncenter { clear: both; }
html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }
:where(figure) { margin: 0px 0px 1em; }
.wp-block-group { box-sizing: border-box; }
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
body { padding: 0px; }
:root :where(.wp-element-button, .wp-block-button__link) { background-color: rgb(50, 55, 60); border-width: 0px; color: rgb(255, 255, 255); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; text-transform: inherit; }
img[data-dominant-color]:not(.has-transparency) { background-color: var(--dominant-color); }
div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title { font-size: 120%; }
div#ez-toc-container .ez-toc-title, .ez-toc-split-section .ez-toc-title { font-weight: 500; }
div#ez-toc-container ul li, div#ez-toc-container ul li a, .ez-toc-split-section ul li, .ez-toc-split-section ul li a { font-size: 95%; }
div#ez-toc-container ul li, div#ez-toc-container ul li a, .ez-toc-split-section ul li, .ez-toc-split-section ul li a { font-weight: 500; }
.ez-toc-container-direction { direction: ltr; }
.ez-toc-counter ul { counter-reset: item 0; }
.ez-toc-counter nav ul li a::before { content: counters(item, ".") ". "; display: inline-block; counter-increment: item 1; flex-grow: 0; flex-shrink: 0; margin-right: 0.2em; float: left; }