﻿@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{@apply text-base}body{@apply bg-body font-primary text-text dark:bg-darkmode-body dark:text-darkmode-text font-normal leading-relaxed}h1,h2,h3,h4,h5,h6{@apply font-secondary text-dark dark:text-darkmode-dark font-bold leading-tight}h1,.h1{@apply text-h1-sm md:text-h1}h2,.h2{@apply text-h2-sm md:text-h2}h3,.h3{@apply text-h3-sm md:text-h3}h4,.h4{@apply text-h4 font-medium}h5,.h5{@apply text-h5 font-medium}h6,.h6{@apply text-h6 font-medium}b,strong{@apply font-semibold}code{@apply after:border-none}blockquote>p{@apply my-0 !important}}@layer components{main{min-height:70vh}.section{@apply py-24 xl:py-28}.section-sm{@apply py-16 xl:py-20}.container{@apply mx-auto px-4 2xl:max-w-[1320px]}.form-input{@apply bg-theme-light text-dark placeholder:text-light focus:border-primary dark:border-darkmode-border dark:bg-darkmode-theme-light dark:text-darkmode-light w-full rounded border-transparent px-6 py-4 focus:ring-transparent}.form-label{@apply font-secondary text-dark dark:text-darkmode-light mb-4 block text-xl font-normal}.social-icons{@apply space-x-4}.social-icons li{@apply inline-block}.social-icons li a{@apply bg-primary flex h-9 w-9 items-center justify-center rounded text-center leading-9 text-white}.social-icons li a svg{@apply h-5 w-5}body.dark .social-icons li a{background-color:#333333 !important;color:#ffffff !important}.swiper-pagination-bullet{@apply bg-theme-light dark:bg-darkmode-theme-light h-2.5 w-2.5 opacity-100 mx-1.5 !important}.swiper-pagination-bullet-active{@apply bg-primary dark:bg-darkmode-primary h-4 w-4 !important}.content{@apply prose max-w-none;@apply prose-headings:mb-[.3em] prose-headings:mt-[.6em];@apply prose-h1:text-h1-sm md:prose-h1:text-h1;@apply prose-h2:text-h2-sm md:prose-h2:text-h2;@apply prose-h3:text-h3-sm md:prose-h3:text-h3;@apply prose-img:max-w-full prose-img:rounded;@apply prose-hr:border-border prose-hr:dark:border-darkmode-border;@apply prose-p:text-base prose-p:text-text prose-p:dark:text-darkmode-text;@apply prose-blockquote:rounded-lg prose-blockquote:border prose-blockquote:border-l-[10px] prose-blockquote:border-primary prose-blockquote:bg-theme-light prose-blockquote:px-8 prose-blockquote:py-10 prose-blockquote:font-secondary prose-blockquote:text-2xl prose-blockquote:not-italic prose-blockquote:text-dark prose-blockquote:dark:border-darkmode-primary prose-blockquote:dark:bg-darkmode-theme-light prose-blockquote:dark:text-darkmode-light;@apply prose-pre:rounded-lg prose-pre:bg-theme-light prose-pre:dark:bg-darkmode-theme-light;@apply prose-code:px-1 prose-code:dark:text-darkmode-light;@apply prose-strong:text-dark prose-strong:dark:text-darkmode-text;@apply prose-a:text-text prose-a:underline hover:prose-a:text-primary prose-a:dark:text-darkmode-text hover:prose-a:dark:text-darkmode-primary;@apply prose-li:text-text prose-li:dark:text-darkmode-text;@apply prose-table:relative prose-table:overflow-hidden prose-table:rounded-lg prose-table:before:absolute prose-table:before:left-0 prose-table:before:top-0 prose-table:before:h-full prose-table:before:w-full prose-table:before:rounded-[inherit] prose-table:before:border prose-table:before:content-[""] prose-table:before:dark:border-darkmode-border;@apply prose-thead:border-border prose-thead:bg-theme-light prose-thead:dark:border-darkmode-border prose-thead:dark:bg-darkmode-theme-light;@apply prose-th:relative prose-th:z-10 prose-th:px-4 prose-th:py-[18px] prose-th:text-dark prose-th:dark:text-darkmode-text;@apply prose-tr:border-border prose-tr:dark:border-darkmode-border;@apply prose-td:relative prose-td:z-10 prose-td:px-3 prose-td:py-[18px] prose-td:dark:text-darkmode-text}input#nav-toggle:checked+label #show-button{@apply hidden}input#nav-toggle:checked+label #hide-button{@apply block}input#nav-toggle:checked~#nav-menu{@apply block}.header{@apply bg-body dark:bg-darkmode-body w-full;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar{@apply relative flex flex-wrap items-center justify-between}.navbar-brand{@apply text-dark dark:text-darkmode-dark text-xl font-semibold}.navbar-brand img{@apply max-h-full max-w-full;transition:all 0.3s ease}.navbar-brand:hover img{transform:scale(1.05)}.navbar-nav{@apply text-center lg:text-left}.nav-item{@apply relative}.nav-link{@apply text-dark hover:text-primary dark:text-darkmode-dark dark:hover:text-white block p-3 transition lg:px-3 lg:py-3;position:relative}.nav-dropdown{@apply mr-0}.nav-dropdown>svg{@apply pointer-events-none}.nav-dropdown.active .nav-dropdown-list{@apply block}.nav-dropdown-list{@apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow hidden lg:invisible lg:absolute lg:block lg:opacity-0}.nav-dropdown-item{@apply [&:not(:last-child)]:mb-2}.nav-dropdown-link{@apply text-dark hover:text-primary dark:text-darkmode-text dark:hover:text-white block py-1 font-semibold transition}.theme-switcher{@apply inline-flex}.theme-switcher label{@apply bg-border relative inline-block h-4 w-6 cursor-pointer rounded-2xl lg:w-10}.theme-switcher input{@apply absolute opacity-0}.theme-switcher span{@apply bg-dark absolute -top-1 left-0 flex h-6 w-6 items-center justify-center rounded-full transition-all duration-300 dark:bg-white}.theme-switcher input:checked+label span{@apply lg:left-4}.btn{@apply inline-block rounded border border-transparent px-5 py-2 font-semibold capitalize transition}.btn-sm{@apply rounded-sm px-4 py-1.5 text-sm}.btn-primary{@apply border-primary bg-primary dark:border-darkmode-primary dark:text-dark text-white dark:bg-white}.btn-outline-primary{@apply border-dark text-dark hover:bg-dark bg-transparent hover:text-white dark:border-white dark:text-white dark:hover:bg-darkmode-primary dark:hover:text-white}}@layer utilities{.bg-gradient{@apply dark:from-darkmode-theme-light dark:to-darkmode-body bg-gradient-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%]}.rounded-sm{@apply rounded-[4px]}.rounded{@apply rounded-[6px]}.rounded-lg{@apply rounded-[12px]}.rounded-xl{@apply rounded-[16px]}.shadow{box-shadow:0px 4px 40px rgba(0,0,0,0.05)}}.search-wrapper{position:relative;z-index:1}.search-wrapper svg{display:inline-block;background-color:transparent}.search-wrapper-header{padding:14px;position:relative}.search-wrapper-header input{border:1px solid #ddd;width:100%;border-radius:4px;height:52px;padding:0 15px 0 40px;transition:0.25s}.search-wrapper-header input:focus{border-color:var(--color-primary);box-shadow:none;outline:none}.search-wrapper-header label{position:absolute;left:28px;top:calc(50% - 13px)}.search-wrapper-header label .search-reset{display:none;transition:0.1s}.search-wrapper-header label .search-reset:hover{cursor:pointer;color:#fb5c5c}.search-result-empty{display:block;text-align:center;padding:32px 0;cursor:text;user-select:none}.search-result mark{padding:0;border-radius:2px}.search-result:not(:empty)+.search-result-empty{display:none}.search-not-found{text-align:center}.search-not-found svg{margin-bottom:16px}.search-not-found p{margin-bottom:0}.search-result-item{position:relative;display:block;padding:16px;border-radius:4px;border:1px solid #eee;background-color:#fff;transition:0s;margin-bottom:4px;display:flex;align-items:flex-start}.search-result-item div:empty,.search-result-item .search-result-item-description:empty{display:none}.search-result-item-image{flex-shrink:0}.search-result-item-image:empty{display:none}.search-result-item-body{flex-grow:1}.search-result-item>div>img{border-radius:4px;max-height:400px;width:100%;object-fit:cover}.search-page .search-result-item>div>img{object-fit:cover;max-height:250px;width:100%}.search-result-item:focus,.search-result-item.search-item-selected,.search-result-item:hover{background-color:var(--color-primary)}.search-result-item:focus *,.search-result-item.search-item-selected *,.search-result-item:hover *{color:white}.search-result-item:focus mark,.search-result-item.search-item-selected mark,.search-result-item:hover mark{background-color:#fef08a;color:#060606}.search-result-item [data-result-item] u{color:var(--color-primary)}.search-result-item .hidden{display:none}.search-result-group-title{padding:0 12px;display:inline-block;margin-bottom:5px;margin-top:15px;font-size:18px}.search-result-item-title{transition:0s;font-size:18px;color:black;margin-bottom:0;line-height:1.35;font-weight:bold}.search-result-item-title::before{position:absolute;bottom:0;left:0;right:0;top:0;z-index:10;content:""}.search-result-item-content{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0}.search-result-item-description{font-size:90%;margin-top:6px;margin-bottom:4px}.search-result-item-content:empty{display:none}.search-result-item-taxonomies{display:flex;flex-wrap:wrap;font-size:13px;align-items:center}.search-result-item-taxonomies>div{margin-right:12px;color:#999}.search-result-item-taxonomies>div svg{margin-right:4px}.search-wrapper-footer{color:#999;font-size:12px;padding:8px 14px;user-select:none;line-height:1;display:flex;align-items:center}.search-wrapper-footer kbd{color:#777;background-color:#eee;font-size:12px;border-radius:3px;margin-right:3px;padding:2px 4px;line-height:1;text-align:center;display:inline-block}.search-wrapper-footer span:not(:last-child){margin-right:16px}.search-wrapper-footer span:last-child{margin-left:auto}.search-wrapper-footer .search-result-info:empty{display:none}.search-wrapper-footer .search-result-info{margin-left:-3px}.search-wrapper-footer .search-result-info em{color:black;font-style:normal;padding:0 3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.search-modal{position:fixed;height:100%;width:100%;inset:0;z-index:9999;opacity:0;visibility:hidden}.search-modal.show{opacity:1;visibility:visible}.search-modal-overlay{position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,0.5)}.search-modal .search-wrapper{width:660px;max-width:96%;margin:100px auto;border-radius:4px;background-color:white}.search-modal .search-wrapper-body{max-height:calc(100vh - 350px);padding:14px;overflow-y:auto;background-color:#f5f6f7;box-shadow:inset 0 2px 18px #ddd;border-radius:4px}.search-modal .search-result-group:first-child .search-result-group-title:not(:empty){margin-top:-15px}.search-modal .search-result-item a>div{margin-right:16px}.search-modal .search-result-item-image{margin-right:15px}.search-modal .search-result-item-image img{width:100px;height:100px;object-fit:cover}@media (max-width: 576px){.search-modal .search-result-item-image img{width:60px;height:60px}.search-wrapper-footer{display:none}}.dark .search-modal .search-wrapper{background-color:#1c1c1c}.dark .search-modal .search-wrapper-header input{color:#fff;background-color:#222222;border-color:#535353}.dark .search-modal .search-wrapper-header input:focus{border-color:#fff}.dark .search-modal .search-wrapper-body{background-color:#222222;box-shadow:none}.dark .search-modal .search-result-item{border-color:#3e3e3e;background-color:#1c1c1c}.dark .search-modal .search-result-item:focus,.dark .search-modal .search-result-item.search-item-selected,.dark .search-modal .search-result-item:hover{background-color:#060606}.dark .search-modal .search-result-item .search-result-item-title{color:#fff}.dark .search-wrapper-footer kbd{background-color:#3e3e3e;color:#ccc}.dark .search-wrapper-footer .search-result-info em{color:#fff}.search-page .search-wrapper{padding:100px 0}.search-page .search-wrapper-header,.search-page .search-wrapper-footer{width:660px;max-width:96%;margin:0 auto}.search-page .search-wrapper-footer{padding-top:0;padding-bottom:0;margin-bottom:60px}.search-page .search-wrapper-body{padding:0 16px}.search-page .search-result-group{display:flex;flex-wrap:wrap}.search-page .search-result-item{margin-right:-15px;margin-left:-15px}.search-page .search-result-group>p,.search-page .search-result-item{padding-right:15px !important;padding-left:15px !important}.search-page .search-result-group>p{width:100%}.search-page .search-result-item{flex:0 0 auto;width:calc(100% - (4 * 4px));display:block;padding-top:15px !important;padding-bottom:15px !important;margin:0 8px 16px 8px}.search-page .search-result-item .search-result-item-image{margin-bottom:10px}.search-page .search-result-group-title{font-size:22px;font-weight:bold}.search-page .search-result-info{display:block;text-align:center}.search-page .search-wrapper-header input{padding:0 20px}@media (min-width: 576px){.search-page .search-result-item{width:calc(50% - (4 * 4px))}}@media (max-width: 576px){.search-wrapper .search-wrapper-footer span:not(.search-result-info){display:none}}@media (min-width: 768px){.search-page .search-result-item{width:calc(33.3333333333% - (4 * 4px))}}@media (min-width: 992px){.search-page .search-result-item{width:calc(25% - (4 * 4px))}}.dark .search-page .search-wrapper-header input{color:#fff;background-color:#222222;border-color:#535353}.dark .search-page .search-wrapper-header input:focus{border-color:#fff}.dark .search-page .search-result-item{border-color:#3e3e3e;background-color:#1c1c1c}.dark .search-page .search-result-item:focus,.dark .search-page .search-result-item.search-item-selected,.dark .search-page .search-result-item:hover{background-color:#060606}.dark .search-page .search-result-item-title{color:#fff}.highlight-wrapper{position:relative;margin:1rem 0}.highlight{position:relative;z-index:0;border-radius:0.375rem;margin-top:0 !important}.code-header{display:flex;justify-content:space-between;align-items:center;background-color:#282a36;padding:0.25rem 0.75rem;border-top-left-radius:0.375rem;border-top-right-radius:0.375rem;font-family:ui-monospace, monospace;min-height:32px;margin-bottom:0;border-bottom:1px solid #44475a}.language-label{color:#6272a4;font-weight:500;text-transform:uppercase;font-size:0.7rem;letter-spacing:0.05em}.copy-button{display:inline-flex;align-items:center;padding:0.15rem 0.5rem;font-family:inherit;font-size:0.75rem;cursor:pointer;background-color:#44475a;color:#f8f8f2;border:none;border-radius:0.25rem;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.copy-button:hover{background-color:#6272a4;transform:translateY(-1px)}.copy-button:active{transform:translateY(0px)}.copy-button.copied{animation:copyFlash 2s ease forwards}.copy-button.copied::before{content:'✓ Copied!';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#50fa7b;color:#282a36;display:flex;align-items:center;justify-content:center;transform:translateY(100%);animation:slideUp 0.3s ease forwards}@keyframes copyFlash{0%,100%{background-color:#44475a}10%{background-color:#50fa7b}}@keyframes slideUp{to{transform:translateY(0)}}.highlight pre{margin-top:0 !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important}.highlight-wrapper>*{margin:0}.highlight .chroma{margin-top:0 !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important}.toc-container{@apply relative overflow-hidden transition-all duration-300 ease-in-out rounded-lg shadow-sm;background-color:rgba(var(--color-light-rgb), 0.5);backdrop-filter:blur(10px);border:1px solid rgba(var(--color-primary-rgb), 0.1)}.dark .toc-container{background-color:rgba(var(--color-dark-rgb), 0.5);border-color:rgba(var(--color-primary-rgb), 0.15)}.toc-header{@apply flex items-center justify-between mb-3 p-3 border-b;border-color:rgba(var(--color-primary-rgb), 0.1)}.toc-header h4{@apply flex items-center text-lg font-bold m-0;color:var(--color-dark)}.toc-header h4 i{@apply mr-2;color:var(--color-primary)}.dark .toc-header h4{color:var(--color-light)}.toc-header .toc-toggle{@apply p-1.5 rounded-full text-sm transition-all duration-200 cursor-pointer;color:var(--color-primary);background-color:rgba(var(--color-primary-rgb), 0.05)}.toc-header .toc-toggle:hover{background-color:rgba(var(--color-primary-rgb), 0.1)}.toc-nav{@apply transition-all duration-300 ease-in-out;max-height:60vh;overflow-y:auto}.toc-nav::-webkit-scrollbar{width:5px}.toc-nav::-webkit-scrollbar-track{background-color:rgba(var(--color-dark-rgb), 0.05);border-radius:10px}.toc-nav::-webkit-scrollbar-thumb{background-color:rgba(var(--color-primary-rgb), 0.2);border-radius:10px}.toc-nav:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--color-primary-rgb), 0.4)}.toc-nav.hidden{display:none}.toc-nav ul{@apply list-none p-0 m-0 space-y-1}.toc-nav ul ul{@apply mt-1 ml-3 space-y-0.5 pl-2;border-left:2px solid rgba(var(--color-primary-rgb), 0.1);max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;opacity:0}.toc-nav ul li.active>ul,.toc-nav ul li:hover>ul{max-height:1000px;opacity:1}.toc-nav li{@apply relative my-1}.toc-nav li.has-children>a::after{content:"›";@apply absolute right-2 transition-transform duration-300 ease-in-out;color:var(--color-primary);transform:rotate(0deg)}.toc-nav li.has-children:hover>a::after,.toc-nav li.has-children.active>a::after{transform:rotate(90deg)}.toc-nav a{@apply block py-2 px-3 rounded-md text-sm no-underline transition-all duration-200 relative overflow-hidden;color:var(--color-text)}.toc-nav a:hover,.toc-nav a.active{color:var(--color-primary);background-color:rgba(var(--color-primary-rgb), 0.05)}.toc-nav a.active::before{content:"";@apply absolute left-0 top-0 h-full w-1;background-color:var(--color-primary);animation:slideIn 0.3s ease-out forwards}.toc-nav a:hover::after{content:"";@apply absolute inset-0 opacity-5;background-color:var(--color-primary);animation:fadeIn 0.3s ease-out}.toc-collapsed .toc-nav{max-height:0;opacity:0;overflow:hidden}.toc-collapsed .toc-toggle i{transform:rotate(180deg)}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:0.05}}@keyframes subtlePulse{0%{background-color:rgba(var(--color-primary-rgb), 0.05)}50%{background-color:rgba(var(--color-primary-rgb), 0.1)}100%{background-color:rgba(var(--color-primary-rgb), 0.05)}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.toc-highlight{position:relative;animation:subtlePulse 2s ease-in-out;border-left:3px solid var(--color-primary);padding-left:1rem;margin-left:-1rem}.toc-highlight::before{content:'';position:absolute;left:-3px;top:0;height:100%;width:3px;background-color:var(--color-primary);border-radius:0;opacity:1}@media (max-width: 768px){.toc-container{position:relative;max-height:300px;overflow:hidden}.toc-collapsed .toc-nav{max-height:0}.toc-nav{max-height:250px}}.innovative-toc{@apply relative}.innovative-toc .toc-header{@apply flex items-center justify-between rounded-lg transition-all duration-300}.innovative-toc .toc-header:hover{@apply shadow-sm;transform:translateY(-2px)}.innovative-toc .toc-header .toc-icon{@apply transition-all duration-300}.innovative-toc .toc-header:hover .toc-icon{@apply scale-110}.innovative-toc .toc-header h4{@apply transition-all duration-300}.innovative-toc .toc-header .toc-controls button{@apply transition-all duration-200}.innovative-toc .toc-header .toc-controls button:hover{@apply scale-110}.innovative-toc .toc-content{@apply transition-all duration-300 ease-in-out}.innovative-toc .toc-content .toc-wrapper{@apply transition-all duration-300}.innovative-toc .toc-content .toc-progress{@apply transition-all duration-300}.innovative-toc .toc-content .toc-progress #reading-progress{@apply transition-all duration-300}.innovative-toc .toc-content .toc-search input{@apply transition-all duration-200}.innovative-toc .toc-content .toc-search input:focus{@apply shadow-sm;transform:translateY(-1px)}.innovative-toc .toc-nav{@apply transition-all duration-300 ease-in-out;max-height:60vh;overflow-y:auto}.innovative-toc .toc-nav::-webkit-scrollbar{width:4px}.innovative-toc .toc-nav::-webkit-scrollbar-track{background-color:rgba(var(--color-dark-rgb), 0.05);border-radius:10px}.innovative-toc .toc-nav::-webkit-scrollbar-thumb{background-color:rgba(var(--color-primary-rgb), 0.2);border-radius:10px}.innovative-toc .toc-nav:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--color-primary-rgb), 0.4)}.innovative-toc .toc-nav ul{@apply list-none p-0 m-0 space-y-1}.innovative-toc .toc-nav ul ul{@apply mt-1 ml-3 space-y-0.5 pl-2;border-left:2px solid rgba(var(--color-primary-rgb), 0.1);max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;opacity:0}.innovative-toc .toc-nav li{@apply relative my-1}.innovative-toc .toc-nav li.expanded>ul{max-height:1000px;opacity:1}.innovative-toc .toc-nav li.has-children>a{@apply pr-8}.innovative-toc .toc-nav li.has-children .toc-item-toggle{@apply absolute right-2 top-1/2 transform -translate-y-1/2 p-1 rounded-full}.innovative-toc .toc-nav li.has-children .toc-item-toggle i{@apply transition-transform duration-200}.innovative-toc .toc-nav li.has-children.expanded .toc-item-toggle i{transform:rotate(90deg)}.innovative-toc .toc-nav a{@apply block py-2 px-3 rounded-md text-sm no-underline transition-all duration-200 relative overflow-hidden;color:var(--color-text)}.innovative-toc .toc-nav a:hover,.innovative-toc .toc-nav a.active{color:var(--color-primary);background-color:rgba(var(--color-primary-rgb), 0.05)}.innovative-toc .toc-nav a.active{@apply font-medium}.innovative-toc .toc-nav a.active::before{content:"";@apply absolute left-0 top-0 h-full w-1;background-color:var(--color-primary);animation:slideIn 0.3s ease-out forwards}.innovative-toc .toc-footer{@apply transition-all duration-300}.innovative-toc .toc-footer #scroll-to-top{@apply transition-all duration-200}.innovative-toc .toc-footer #scroll-to-top:hover{@apply scale-110}.dark .innovative-toc .toc-nav ul ul{border-left-color:rgba(var(--darkmode-primary-rgb), 0.2)}.dark .innovative-toc .toc-nav a{color:var(--darkmode-text)}.dark .innovative-toc .toc-nav a:hover,.dark .innovative-toc .toc-nav a.active{color:var(--darkmode-primary);background-color:rgba(var(--darkmode-primary-rgb), 0.1)}.dark .innovative-toc .toc-nav a.active::before{background-color:var(--darkmode-primary)}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}.toc-highlight{position:relative;animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%{background-color:rgba(var(--color-primary-rgb), 0.05)}50%{background-color:rgba(var(--color-primary-rgb), 0.1)}100%{background-color:rgba(var(--color-primary-rgb), 0.05)}}.share-title{display:inline-block;margin-right:0.3em}.share-link{border-radius:0.25rem;transition:25ms ease-out;height:2.5em;width:2.5em;line-height:2.5em;text-align:center;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;text-decoration:none;color:#fff;margin:0.5em;display:inline-block;vertical-align:middle}.share-icon{fill:#fff;stroke:none;display:block;height:100%}.share-icon svg{width:1em;height:100%;margin:auto}.share-pinterest{background-color:#bd081c}.share-pinterest:hover{background-color:#8c0615}.share-facebook{background-color:#3b5998}.share-facebook:hover{background-color:#2d4373}.share-tumblr{background-color:#35465c}.share-tumblr:hover{background-color:#222d3c}.share-reddit{background-color:#5f99cf}.share-reddit:hover{background-color:#3a80c1}.share-linkedin{background-color:#0077b5}.share-linkedin:hover{background-color:#046293}.share-vk{background-color:#507299}.share-vk:hover{background-color:#43648c}.share-twitter{background-color:#55acee}.share-twitter:hover{background-color:#2795e9}.share-email{background-color:#777777}.share-email:hover{background-color:#5e5e5e}.share-whatsapp{background-color:#25d366}.share-whatsapp:hover{background-color:#1da851}.share-telegram{background-color:#54a9eb}.share-telegram:hover{background-color:#4b97d1}.img{max-width:100%;height:auto}/*!
 * Justified gallery style
 */.gallery{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.gallery .gallery-item{margin:0 10px;margin-bottom:20px;overflow:hidden;max-width:calc(100% - 20px)}.gallery .gallery-item img{user-select:none;width:100%;vertical-align:middle;transition:0.3s}.gallery.zoomable .gallery-item:hover img{transform:scale(1.05);cursor:zoom-in}.gallery::after{content:"";flex-grow:99999;min-width:calc(100vw / 3)}@media (max-width: 460px){.gallery{flex-direction:column}.gallery .gallery-item{width:calc(100% - 20px) !important}}.gallery-slider .swiper-slide img{width:100%}.gallery-slider .swiper-button-prev,.gallery-slider .swiper-button-next{color:white;opacity:0;transition:0.3s}.gallery-slider:hover .swiper-button-prev,.gallery-slider:hover .swiper-button-next{opacity:1}.gallery-slider:hover .swiper-button-prev{left:30px}.gallery-slider:hover .swiper-button-next{right:30px}.img{max-width:100%;height:auto}.img-light{display:initial}.img-dark{display:none}.dark .img-light{display:none}.dark .img-dark{display:initial}.content img{max-width:100%;margin-bottom:1.5rem;height:auto;display:inline-block}.content img.glightbox{cursor:pointer}.content img.img-center{display:block;margin-left:auto;margin-right:auto}.content img.img-left{display:block;margin-left:0;margin-right:auto}.content img.img-right{display:block;margin-left:auto;margin-right:0}.content img.img-float-left{float:left;margin-right:1.5rem}.content img.img-float-right{float:right;margin-left:1.5rem}.content figure{display:inline-block;margin-bottom:1.5rem}.content figure img{margin-bottom:0.7rem}.content figure.img-center{display:block;text-align:center}.content figure.img-left{display:block;text-align:left}.content figure.img-right{display:block;text-align:right}.content figure.img-float-left{float:left;margin-right:1.5rem}.content figure.img-float-right{float:right;margin-left:1.5rem}.table-of-contents,#TableOfContents{@apply text-base font-primary}.table-of-contents ul,#TableOfContents ul{@apply list-none p-0 m-0}.table-of-contents>ul,#TableOfContents>ul{@apply space-y-2}.table-of-contents ul ul,#TableOfContents ul ul{@apply mt-2 ml-4 space-y-1}.table-of-contents li,#TableOfContents li{@apply my-1 leading-relaxed}.table-of-contents a,#TableOfContents a{@apply block py-1 px-2 rounded-md
           text-text dark:text-darkmode-text
           hover:bg-theme-light dark:hover:bg-darkmode-theme-light
           hover:text-primary dark:hover:text-darkmode-primary
           transition-all duration-200
           text-sm no-underline}.table-of-contents a.active,#TableOfContents a.active{@apply bg-theme-light dark:bg-darkmode-theme-light
           text-primary dark:text-darkmode-primary
           font-medium}.table-of-contents>ul>li>a,#TableOfContents>ul>li>a{@apply font-medium text-base}.table-of-contents>ul>li>ul>li>a,#TableOfContents>ul>li>ul>li>a{@apply text-sm}.table-of-contents>ul>li>ul>li>ul>li>a,#TableOfContents>ul>li>ul>li>ul>li>a{@apply text-sm pl-4}.table-of-contents ul ul,#TableOfContents ul ul{@apply border-l-2 border-border dark:border-darkmode-border}.tab-nav{list-style:none;padding:0;margin:0 !important;list-style-type:none !important;display:flex;border-bottom:1px solid #aaa;overflow-x:auto}.tab-nav::-webkit-scrollbar{width:2px}.tab-nav-item{padding:0.5rem 1rem !important;cursor:pointer;opacity:0.8;margin:0 !important;white-space:nowrap}.tab-nav-item::before{display:none !important}.tab-nav-item.active{border-bottom:3px solid #aaa;opacity:1}.tab-content .tab-content-panel{display:none;padding:1rem}.tab-content .tab-content-panel p{margin-bottom:0 !important}.tab-content .tab-content-panel.active{display:block}.accordion{border:1px solid #ccc}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;font-size:1.1rem;width:100%;font-weight:bold;text-align:left}.accordion-icon{width:0.78em;height:0.78em;transform:rotate(-90deg);transition:transform 0.2s ease}.accordion-content{max-height:0;overflow:hidden;padding:0 1rem}.accordion.active .accordion-icon{transform:rotate(0deg)}.accordion.active .accordion-content{max-height:max-content}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;height:100%;width:100%;overflow:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;height:100%;width:100%;background-color:rgba(0,0,0,0.4)}.modal-content{position:relative;top:50%;z-index:50;transform:translateY(-50%);background-color:#fff;border-radius:0.5rem;padding:2rem;max-width:90%;margin:0 auto}.modal-close{position:absolute;top:0.5rem;right:0.5rem;height:2rem;width:2rem;background-color:#f2f2f2;color:#000;border-radius:50%;text-align:center;line-height:2rem}.notice{margin-bottom:1.5rem;border:1px solid;padding:1.5rem;border-color:currentColor}.notice-head{display:flex;align-items:center}.notice-head svg{margin-right:0.75rem}.notice-head p{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;line-height:1}.notice-body{margin-top:0.75rem}.notice-body p{margin:0}.notice.note{color:#293df2;background-color:rgba(41,61,242,0.15)}.notice.abstract{color:#0ca68c;background-color:rgba(12,166,140,0.15)}.notice.info{color:#09c3ed;background-color:rgba(9,195,237,0.15)}.notice.todo{color:#8d05a8;background-color:rgba(141,5,168,0.15)}.notice.tip{color:#19cfb0;background-color:rgba(25,207,176,0.15)}.notice.success{color:#04d904;background-color:rgba(4,217,4,0.15)}.notice.question{color:#e38902;background-color:rgba(227,137,2,0.15)}.notice.warning{color:#e38902;background-color:rgba(227,137,2,0.15)}.notice.failure{color:#e31a00;background-color:rgba(227,26,0,0.15)}.notice.danger{color:#e31a00;background-color:rgba(227,26,0,0.15)}.notice.bug{color:#e31a00;background-color:rgba(227,26,0,0.15)}.notice.example{color:#b83acf;background-color:rgba(184,58,207,0.15)}.notice.quote{color:#918e91;background-color:rgba(145,142,145,0.15)}.dark .notice-head p{color:#d1d5db}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:99999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;transition:opacity 0.5s ease}.dark .preloader{background-color:#1c1c1c}.loader{width:fit-content;font-weight:bold;font-family:monospace;white-space:pre;font-size:30px;line-height:1.2em;height:1.2em;overflow:hidden;color:#121212}.dark .loader{color:#fff}.loader:before{content:"Loading...\A⌰oading...\A⌰⍜ading...\A⌰⍜⏃ding...\A⌰⍜⏃⎅ing...\A⌰⍜⏃⎅⟟ng...\A⌰⍜⏃⎅⟟⋏g...\A⌰⍜⏃⎅⟟⋏☌...\A⌰⍜⏃⎅⟟⋏☌⟒..\A⌰⍜⏃⎅⟟⋏☌⟒⏁.\A⌰⍜⏃⎅⟟⋏☌⟒⏁⋔";white-space:pre;display:inline-block;animation:l39 1s infinite steps(11) alternate}@keyframes l39{100%{transform:translateY(-100%)}}#preloader.fade-out{opacity:0.3;transition:opacity 0.4s ease}#preloader.preloader.loaded{opacity:0;visibility:hidden;transition:all 0.5s ease}.preloader,.loader{will-change:opacity, visibility}@media (prefers-reduced-motion: reduce){.preloader,.loader{transition:opacity 0.1s linear !important;animation:none !important}}.table-of-content{@apply overflow-hidden rounded}.share-icons .share-link{@apply h-9 w-9 rounded leading-9;@apply bg-primary hover:bg-primary dark:bg-darkmode-primary dark:hover:bg-darkmode-primary}.share-icons .share-icon svg{@apply dark:fill-dark}.tab{@apply border-border dark:border-darkmode-border overflow-hidden rounded-lg border bg-theme-light dark:bg-darkmode-theme-light}.tab-nav{@apply flex gap-2 p-2 bg-theme-light dark:bg-darkmode-theme-light border-b border-border dark:border-darkmode-border rounded-t-lg}.tab-nav-item{@apply text-dark dark:text-darkmode-dark px-8 py-3 text-lg font-semibold cursor-pointer
             transition-colors duration-300 ease-in-out border-b-4 border-transparent outline-none}.tab-nav-item:hover{@apply text-primary dark:text-darkmode-primary bg-gray-100 dark:bg-darkmode-theme-light}.tab-nav-item.active{@apply text-primary dark:text-darkmode-primary bg-white dark:bg-darkmode-theme-light;border-bottom-color:var(--tw-border-opacity);border-bottom-width:2px;border-color:transparent}.tab-nav-item:focus-visible{@apply ring-2 ring-primary dark:ring-darkmode-primary ring-offset-2 dark:ring-offset-gray-900}.tab-content{@apply p-6 bg-white dark:bg-darkmode-theme-light rounded-b-lg}.tab-content-panel{@apply opacity-0 scale-95 absolute invisible transition-all duration-300 ease-out}.tab-content-panel.active{@apply opacity-100 scale-100 static visible;animation:fadeInUp 0.4s ease-out forwards}.tab-content-panel>*+*{@apply mt-4}.tab-content-panel h1,.tab-content-panel h2,.tab-content-panel h3,.tab-content-panel h4,.tab-content-panel h5,.tab-content-panel h6{@apply font-semibold text-gray-900 dark:text-white}.tab-content-panel p{@apply text-gray-600 dark:text-gray-300}.tab ::-webkit-scrollbar{height:10px}.tab ::-webkit-scrollbar-thumb{@apply bg-primary dark:bg-darkmode-primary rounded-lg}.tab ::-webkit-scrollbar-track{@apply bg-gray-100 dark:bg-darkmode-theme-light}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 20px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.accordion{@apply border-border bg-theme-light dark:border-darkmode-border 
         dark:bg-darkmode-theme-light mb-6 overflow-hidden rounded-lg border
         divide-y divide-border dark:divide-darkmode-border}.accordion-wrapper{@apply space-y-4}.accordion-item{@apply relative transition-all duration-300}.accordion-item:hover{@apply bg-theme-light/50 dark:bg-darkmode-theme-light/50}.accordion-item:hover .accordion-item-header{@apply transform scale-[1.01] transition-transform}.accordion-header{@apply flex items-center justify-between w-full p-5 text-left 
           text-dark dark:text-darkmode-dark cursor-pointer 
           transition-all duration-200 select-none gap-4}.accordion-header:hover{@apply text-primary dark:text-darkmode-primary bg-primary/5 dark:bg-darkmode-primary/5}.accordion-header-icon{@apply flex-shrink-0 w-6 h-6 transition-transform duration-300}.accordion-header-icon svg{@apply w-full h-full stroke-current}.accordion-header-content{@apply flex-grow}.accordion-header-content h3,.accordion-header-content .title{@apply text-h5 font-primary font-semibold leading-tight}.accordion-header-content .description{@apply text-light dark:text-darkmode-light text-sm mt-1}.accordion-header[aria-expanded="true"] .accordion-header-icon{@apply rotate-180}.accordion-content{@apply overflow-hidden transition-all duration-300 ease-in-out bg-white dark:bg-darkmode-body;max-height:0}.accordion-content-inner{@apply p-5 prose dark:prose-invert max-w-none;@apply prose-headings:text-dark dark:prose-headings:text-darkmode-dark
             prose-p:text-text dark:prose-p:text-darkmode-text
             prose-strong:text-dark dark:prose-strong:text-darkmode-dark
             prose-pre:bg-theme-light dark:prose-pre:bg-darkmode-theme-light}.accordion-content-inner ul,.accordion-content-inner ol{@apply ml-4 space-y-2}.accordion-content-inner ul li,.accordion-content-inner ol li{@apply text-text dark:text-darkmode-text}.accordion-content-inner ul li::marker,.accordion-content-inner ol li::marker{@apply text-primary dark:text-darkmode-primary}.accordion-content-inner a{@apply text-primary dark:text-darkmode-primary 
               transition-colors duration-200 border-b border-primary/30 
               dark:border-darkmode-primary/30}.accordion-content-inner a:hover{@apply border-primary dark:border-darkmode-primary}.accordion-content.active{@apply border-t border-border dark:border-darkmode-border;animation:contentShow 0.3s ease-out forwards}.accordion-header:focus-visible{@apply outline-none ring-2 ring-primary/20 dark:ring-darkmode-primary/20 
           ring-offset-2 ring-offset-white dark:ring-offset-darkmode-body}@keyframes contentShow{0%{opacity:0;transform:translateY(-0.5rem)}100%{opacity:1;transform:translateY(0)}}.cookie-box{@apply rounded-lg !important}.search-wrapper .search-wrapper-content{@apply dark:bg-darkmode-body}.search-wrapper input{@apply dark:bg-darkmode-theme-light dark:text-darkmode-text dark:border-darkmode-border dark:focus:border-darkmode-primary focus:ring-0}.search-wrapper kbd{@apply dark:bg-darkmode-theme-light}.search-wrapper .search-wrapper-body{@apply dark:bg-darkmode-theme-light dark:shadow-none}.search-wrapper.search-page .search-wrapper-body{@apply dark:bg-transparent}.search-wrapper .search-result-info em{@apply dark:text-white}.search-wrapper .search-result-item{@apply dark:bg-darkmode-body dark:border-darkmode-border p-4}.search-wrapper .search-result-item .search-title{@apply dark:text-darkmode-dark}.search-wrapper .search-result-item u{@apply dark:text-darkmode-primary}.search-wrapper .search-result-item:focus,.search-wrapper .search-result-item.search-item-selected,.search-wrapper .search-result-item:hover{@apply dark:bg-darkmode-primary/10}.gallery-slider{@apply ml-0 !important}html{scroll-behavior:smooth}a{text-decoration:none;color:#007bff;position:relative;display:inline-block;font-weight:600}a:link,a:visited,a:hover,a:active{text-decoration:none;font-weight:600}a:not(.btn,.logo-dark a,.logo-light a,.no-after)::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M0,5 C8,1 12,9 20,5 S32,1 40,5 S52,9 60,5 S72,1 80,5 S92,9 100,5 S112,1 120,5' stroke='%23007bff' stroke-width='2.5' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:120px 10px;background-position:0 0;opacity:0;transition:opacity 0.2s ease}a:not(.btn,.logo-dark a,.logo-light a,.no-after):hover::after{opacity:1;animation:moveWave 2s linear infinite;animation-delay:0.1s}@keyframes moveWave{from{background-position:0 0}to{background-position:-120px 0}}.logo-dark a,.logo-light a{text-decoration:none;color:#007bff;position:relative;display:inline-block}.banner-slider{width:100%;height:100%}.banner-slider .swiper-slide{height:0;padding-bottom:100%;position:relative;overflow:hidden}.banner-slider .swiper-slide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.banner-slider .swiper-button-next,.banner-slider .swiper-button-prev{width:40px;height:40px;background-color:var(--primary-color);border-radius:50%;color:white}.banner-slider .swiper-button-next:after,.banner-slider .swiper-button-prev:after{font-size:16px}.content-wrapper{line-height:1.8}.banner-title{font-size:2.5rem;font-weight:700;color:var(--text-dark)}.banner-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:1.5rem}.banner-content{font-size:1.1rem;line-height:1.8;color:var(--text-dark)}.banner-bullets li{line-height:1.8;margin-bottom:1rem}.banner-bullets li span{line-height:1.8}@media (max-width: 768px){.banner .gallery-wrapper{max-width:350px}.banner-title{font-size:2rem}.banner-subtitle{font-size:1.1rem}.banner-bullets li{font-size:0.95rem}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{@apply bg-primary dark:bg-darkmode-primary rounded-lg}::-webkit-scrollbar-track{@apply bg-gray-100 dark:bg-darkmode-theme-light}@media screen and (min-width: 0px){abbr[data-title]{position:relative;text-decoration:underline dotted}abbr[data-title]:hover::after,abbr[data-title]:focus::after{content:attr(data-title);position:absolute;left:0;bottom:-30px;width:auto;white-space:nowrap;background-color:#1e1e1e;color:#fff;border-radius:3px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);font-size:14px;padding:3px 5px}}.skill-card{position:relative;overflow:hidden;transition:all 0.3s ease;border:1px solid transparent;height:100%;display:flex;flex-direction:column;min-height:240px}.skill-card:hover{border-color:var(--primary-color)}.dark .skill-card:hover{border-color:var(--darkmode-primary-color)}.skill-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(to right, var(--primary-color), transparent);transform:translateX(-100%);transition:transform 0.5s ease}.dark .skill-card::before{background:linear-gradient(to right, var(--darkmode-primary-color), transparent)}.skill-card:hover::before{transform:translateX(0)}.skill-card .skill-topic{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:6px}.skill-topic{position:relative;overflow:hidden;transition:all 0.3s ease;animation:pulse 2s infinite}.skill-card:hover .skill-topic{animation:none;opacity:1}@keyframes pulse{0%{opacity:0.7}50%{opacity:1}100%{opacity:0.7}}.skills-slider{overflow:visible !important;padding-bottom:40px;max-width:100%;margin:0 auto;max-height:none !important}.skills-slider .swiper-wrapper{align-items:center}.skills-slider .swiper-slide{height:auto;opacity:0.6;transform:scale(0.8);transition:all 0.4s ease;filter:blur(1px)}.skills-slider .swiper-slide-active{opacity:1;transform:scale(1);filter:blur(0);z-index:2}.skills-slider .swiper-slide-prev,.skills-slider .swiper-slide-next{opacity:0.8;transform:scale(0.9);filter:blur(0);z-index:1}.skills-slider .swiper-button-next,.skills-slider .swiper-button-prev{width:40px;height:40px;background-color:var(--primary-color);border-radius:50%;color:white;margin-top:-30px;z-index:10}.dark .skills-slider .swiper-button-next,.dark .skills-slider .swiper-button-prev{background-color:var(--darkmode-primary-color)}.skills-slider .swiper-button-next:after,.skills-slider .swiper-button-prev:after{font-size:16px}.skills-slider-pagination{position:relative;width:100%;bottom:0;z-index:10}.skills-slider-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#ddd;opacity:0.6;transition:all 0.3s ease}.skills-slider-pagination .swiper-pagination-bullet-active{background-color:var(--primary-color);opacity:1;width:14px;height:14px}.dark .skills-slider-pagination .swiper-pagination-bullet-active{background-color:var(--darkmode-primary-color)}.container{overflow-x:hidden}@media (max-width: 767px){.skills-slider .swiper-button-next,.skills-slider .swiper-button-prev{display:none}.skills-slider .swiper-slide{max-width:85%}}@media (min-width: 768px){.skills-slider{padding:20px 50px}.skills-slider .swiper-slide{max-width:90%}}@media (min-width: 1024px){.skills-slider{padding:30px 60px}}.skills-slider-container{position:relative;overflow:hidden !important;width:100%;margin:0 auto;max-height:none !important}.section,.container:not(.navbar-container),.row:not(.navbar-row),.col-12:not(.navbar-col){overflow-x:hidden}.nav-dropdown{position:relative}.nav-dropdown .dropdown-menu{position:absolute;z-index:1000;display:none}.nav-dropdown.active .dropdown-menu{display:block}.navbar{overflow:visible !important}.header-height-fix{overflow:visible !important}.navigation,.navbar,.navbar-container,.navbar-row,.navbar-wrapper,.nav-item,.nav-dropdown,.dropdown-menu{overflow:visible !important}.swiper-button-disabled{opacity:0.4 !important;cursor:not-allowed}.swiper-slide-shadow-left,.swiper-slide-shadow-right{background-image:none !important}a,button,.btn,.nav-item,.theme-switcher{transition:background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, opacity 0.2s ease}.card,.skill-card,.content-card,.project-card{transition:transform 0.2s ease, box-shadow 0.2s ease}body,html,.dark,[class*="bg-"]{transition:background-color 0.2s ease, color 0.2s ease}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:0.001ms !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}}.page-transition-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999998;pointer-events:none;overflow:hidden;will-change:transform, opacity;opacity:0;visibility:hidden}:not(pre)>code{background:#f1f3f4;color:#d73a49;padding:0.2em 0.4em;border-radius:4px;font-family:"SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", "Consolas", "Liberation Mono", "Menlo", monospace;font-size:0.875em;font-weight:500;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;display:inline;margin:0 0.1em;border:1px solid #e1e4e8;box-shadow:0 1px 2px rgba(0,0,0,0.04);transition:all 0.15s ease;max-width:100%}@media (max-width: 768px){:not(pre)>code{font-size:0.8em;padding:0.15em 0.3em;margin:0 0.05em}}@media (max-width: 480px){:not(pre)>code{font-size:0.75em;padding:0.1em 0.25em;white-space:pre-wrap;word-break:break-all}}:not(pre)>code:hover{background:#e9ecef;border-color:#d0d7de;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.dark :not(pre)>code{background:#2d3748;color:#79b8ff;border:1px solid #4a5568;box-shadow:0 1px 2px rgba(0,0,0,0.2);white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}@media (max-width: 768px){.dark :not(pre)>code{font-size:0.8em;padding:0.15em 0.3em;margin:0 0.05em}}@media (max-width: 480px){.dark :not(pre)>code{font-size:0.75em;padding:0.1em 0.25em;white-space:pre-wrap;word-break:break-all}}.dark :not(pre)>code:hover{background:#4a5568;border-color:#718096;color:#9ecbff;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.prose :not(pre)>code{background:#f1f3f4 !important;color:#d73a49 !important;padding:0.2em 0.4em !important;border-radius:4px !important;font-family:"SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", "Consolas", "Liberation Mono", "Menlo", monospace !important;font-size:0.875em !important;font-weight:500 !important;white-space:pre-wrap !important;word-wrap:break-word !important;word-break:break-word !important;overflow-wrap:break-word !important;border:1px solid #e1e4e8 !important;box-shadow:0 1px 2px rgba(0,0,0,0.04) !important;transition:all 0.15s ease !important;max-width:100% !important}@media (max-width: 768px){.prose :not(pre)>code{font-size:0.8em !important;padding:0.15em 0.3em !important;margin:0 0.05em !important}}@media (max-width: 480px){.prose :not(pre)>code{font-size:0.75em !important;padding:0.1em 0.25em !important;white-space:pre-wrap !important;word-break:break-all !important}}.prose :not(pre)>code:hover{background:#e9ecef !important;border-color:#d0d7de !important;box-shadow:0 1px 3px rgba(0,0,0,0.08) !important}.dark .prose :not(pre)>code{background:#2d3748 !important;color:#79b8ff !important;border:1px solid #4a5568 !important;box-shadow:0 1px 2px rgba(0,0,0,0.2) !important;white-space:pre-wrap !important;word-wrap:break-word !important;word-break:break-word !important;overflow-wrap:break-word !important;max-width:100% !important}@media (max-width: 768px){.dark .prose :not(pre)>code{font-size:0.8em !important;padding:0.15em 0.3em !important;margin:0 0.05em !important}}@media (max-width: 480px){.dark .prose :not(pre)>code{font-size:0.75em !important;padding:0.1em 0.25em !important;white-space:pre-wrap !important;word-break:break-all !important}}.dark .prose :not(pre)>code:hover{background:#4a5568 !important;border-color:#718096 !important;color:#9ecbff !important;box-shadow:0 1px 3px rgba(0,0,0,0.3) !important}code::before,code::after{content:none !important;display:none !important}.prose code::before,.prose code::after{content:none !important;display:none !important}img{box-shadow:none !important;filter:none !important;border:none !important;outline:none !important}.dark img{box-shadow:none !important;filter:none !important;border:none !important;outline:none !important}.feature-image-container{box-shadow:none !important;border:none !important;outline:none !important}.feature-image-container img{box-shadow:none !important;filter:none !important;border:none !important;outline:none !important}.dark .feature-image-container{box-shadow:none !important;border:none !important;outline:none !important}.dark .feature-image-container img{box-shadow:none !important;filter:none !important;border:none !important;outline:none !important}.dark * img{border:none !important;outline:none !important}.dark .rounded-lg img,.dark .rounded img,.dark figure img,.dark .content img,.dark .card img,.dark .post-content img{border:none !important;outline:none !important;box-shadow:none !important}p code,li code,td code,h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{display:inline-block;vertical-align:middle}.page-transition-slide{position:absolute;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg, #000 0%, #1a1a1a 100%);will-change:transform;box-shadow:0 -10px 50px rgba(0,0,0,0.3)}.dark .page-transition-slide{background:linear-gradient(135deg, #000 0%, #0a0a0a 100%);box-shadow:0 -10px 50px rgba(0,0,0,0.5)}@media (prefers-reduced-motion: reduce){.page-transition-container,.page-transition-fade{transition:none !important;animation:none !important}}.card,.skill-card,.content-card,.project-card{transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),box-shadow 0.4s ease}.card:hover,.skill-card:hover,.content-card:hover,.project-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.dark .card:hover,.dark .skill-card:hover,.dark .content-card:hover,.dark .project-card:hover{box-shadow:0 15px 30px rgba(0,0,0,0.3)}.btn{overflow:hidden;position:relative;z-index:1;transition:all 0.4s ease}.btn::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:rgba(0,0,0,0.1);transition:all 0.4s ease;z-index:-1}.dark .btn::before{background-color:rgba(255,255,255,0.1)}.btn:hover::before{height:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.15)}.btn-feature-cta{transition:all 0.5s ease}.btn-feature-cta span.absolute{opacity:0.2}.btn-feature-cta:hover span.relative{z-index:2;transition:all 0.3s ease}.dark .btn-feature-cta span.absolute{opacity:0.15}.nav-item{position:relative;transition:color 0.3s ease}img:not(.logo-dark img,.logo-light img,.feature-image-container img){transition:transform 0.5s ease, filter 0.5s ease}img:not(.logo-dark img,.logo-light img,.feature-image-container img):hover{transform:scale(1.02);filter:brightness(1.05)}.feature-image-container img{transition:none;box-shadow:none !important;filter:none !important}.feature-image-container img:hover{transform:none;filter:none !important;box-shadow:none !important}html{scroll-behavior:smooth}input,textarea,select{transition:border-color 0.3s ease, box-shadow 0.3s ease}input:focus,textarea:focus,select:focus{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.dark input:focus,.dark textarea:focus,.dark select:focus{box-shadow:0 5px 15px rgba(0,0,0,0.2)}.navbar{background-color:var(--body-color);transition:transform 0.3s ease, background-color 0.3s ease;will-change:transform}.dark .navbar{background-color:var(--body-color)}.navbar{transition:transform 0.3s ease, background-color 0.3s ease}:root{--primary-color: theme('colors.primary');--primary-color-rgb: theme('colors.primary-rgb');--body-color: theme('colors.body');--text-color: theme('colors.text');--border-color: theme('colors.border');--theme-light: theme('colors.theme-light');--theme-dark: theme('colors.theme-dark')}.dark{--primary-color: theme('colors.darkmode.primary');--primary-color-rgb: theme('colors.darkmode.primary-rgb');--body-color: theme('colors.darkmode.body');--text-color: theme('colors.darkmode.text');--border-color: theme('colors.darkmode.border');--theme-light: theme('colors.darkmode.theme-light');--theme-dark: theme('colors.darkmode.theme-dark')}html{--bg: hsl(132, 83%, 5%);--accent: hsl(84, 96%, 80%);--fsize: 16px;--circleMultiplier: 3;--circleSize: calc(calc(var(--circleMultiplier) * 1rem))}:root{--cursor-color: #ffffff;--cursor-opacity: 1}.dark{--cursor-color: #ffffff;--cursor-opacity: 1}body{cursor:none}#circle{pointer-events:none;width:var(--circleSize);height:var(--circleSize);background-color:var(--cursor-color);border-radius:50%;position:fixed;top:0;left:0;z-index:9999999;translate:var(--xpos) var(--ypos);transform-origin:center center;mix-blend-mode:difference;opacity:var(--cursor-opacity);transition:width .2s ease-in-out, height .2s ease-in-out, border-radius .4s ease-in-out, opacity .2s ease-in-out}@media (hover: none) and (pointer: coarse){#circle{display:none}body{cursor:auto !important}*,*::before,*::after{cursor:auto !important}}body:has(a:hover) #circle{--circleSize: calc(calc(var(--circleMultiplier) * 1.5rem));opacity:0.2}body:has(.gallery img:hover) #circle{opacity:0.2}.search-wrapper .search-wrapper-body{max-width:100%;overflow-x:hidden}.search-wrapper .search-result-item{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.search-wrapper .search-title{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.search-wrapper .search-content{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}::-webkit-scrollbar{height:6px !important}::-webkit-scrollbar-thumb{border-radius:10px}.dark .card,.dark .content-card,.dark .project-card,.dark .skill-card,.dark .search-result-item,.dark .pagination .page-item .page-link,.dark .form-input,.dark .form-select,.dark .form-textarea,.dark table td,.dark table th,.dark hr,.dark .border,.dark .border-border,.dark [class*="border-"]{border-color:var(--border-color) !important}.dark .border-gray-200,.dark .border-gray-300,.dark .border-gray-400,.dark .border-gray-500{border-color:var(--border-color) !important}@media print{@page{margin:1.5cm;size:A4}html,body{width:100%;margin:0;padding:0;background-color:#fff !important;color:#000 !important;font-size:12pt}header,footer,nav,.header,.footer,.navbar,.sidebar,.theme-switcher,.search-modal,.floating-progress,.toc-controls,.toc-search,.toc-footer,.pagination,.share-icons,.comments-section,.related-posts,#floating-progress,button[id="copy-link-btn"],button[id="print-article-btn"]{display:none !important}main,article,.content,.prose,.container{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;display:block !important;float:none !important;position:static !important}.row,.col,.col-12,.lg\:col-8,.lg\:col-4{width:100% !important;max-width:100% !important;flex:0 0 100% !important;margin:0 !important;padding:0 !important;display:block !important}.innovative-toc{page-break-inside:avoid;margin-bottom:2cm;border:1px solid #ddd;padding:1cm;background-color:#f9f9f9 !important}.toc-header{border-bottom:1px solid #ddd;margin-bottom:0.5cm;padding-bottom:0.5cm}.toc-content{display:block !important}.toc-wrapper{border:none !important;padding:0 !important}.toc-nav{max-height:none !important;overflow:visible !important}a{color:#000 !important;text-decoration:none !important}a[href^="http"]:after{content:" (" attr(href) ")";font-size:90%;font-style:italic}pre,code{background-color:#f5f5f5 !important;border:1px solid #ddd !important;page-break-inside:avoid;white-space:pre-wrap !important;word-wrap:break-word !important}img{max-width:100% !important;page-break-inside:avoid}table{width:100% !important;border-collapse:collapse !important;page-break-inside:avoid}table,th,td{border:1px solid #ddd !important}th,td{padding:0.5cm !important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}h1{font-size:24pt;margin-top:2cm}h2{font-size:20pt;margin-top:1.5cm}h3{font-size:16pt;margin-top:1cm}p,blockquote,ul,ol,dl,pre{page-break-inside:avoid}body::after{content:counter(page);position:fixed;bottom:0.5cm;right:0.5cm;font-size:10pt}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.bg-pattern-dots{background-image:radial-gradient(circle at 20px 20px, rgba(0,0,0,0.1) 2px, transparent 0);background-size:40px 40px}.bg-pattern-grid{background-image:linear-gradient(rgba(0,0,0,0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(0,0,0,0.05) 1px, transparent 1px);background-size:50px 50px}.dark .bg-pattern-dots{background-image:radial-gradient(circle at 20px 20px, rgba(255,255,255,0.1) 2px, transparent 0)}.dark .bg-pattern-grid{background-image:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float-slow{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(5px)}100%{transform:translateY(0) translateX(0)}}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-float-slow-reverse{animation:float-slow 8s ease-in-out infinite reverse}@keyframes pulse-subtle{0%,100%{opacity:1}50%{opacity:0.8}}.animate-pulse-subtle{animation:pulse-subtle 3s ease-in-out infinite}@keyframes bounce-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}.hero-slider{border-radius:1rem;overflow:hidden}.hero-slider .swiper-slide{overflow:hidden}.hero-slider-progress{transition:width 0.3s linear}.feature-section{position:relative;padding:6rem 0;overflow:hidden}.feature-card{@apply bg-white dark:bg-gray-800 rounded-xl p-6 transition-all duration-300 hover:shadow-xl dark:hover:shadow-xl border border-gray-100 dark:border-gray-700 h-full;transform:translateY(0)}.feature-card:hover{transform:translateY(-5px)}.feature-icon{@apply w-14 h-14 rounded-lg flex items-center justify-center text-white mb-6;background:linear-gradient(135deg, #333 0%, #000 100%)}.dark .feature-icon{background:linear-gradient(135deg, #eee 0%, #fff 100%);@apply text-gray-900}.feature-image-container{@apply relative rounded-xl overflow-hidden shadow-lg dark:shadow-xl;height:0;padding-bottom:75%}.feature-image-container img{@apply absolute inset-0 w-full h-full object-cover}.feature-badge{@apply absolute top-4 left-4 px-3 py-1 rounded-full text-xs font-medium;background:rgba(255,255,255,0.9);color:#333}.dark .feature-badge{background:rgba(30,30,30,0.9);color:#fff}.feature-bullet{@apply flex items-start p-3 rounded-lg transition-all duration-200;background:rgba(0,0,0,0.03)}.dark .feature-bullet{background:rgba(255,255,255,0.05)}.feature-bullet:hover{background:rgba(0,0,0,0.05)}.dark .feature-bullet:hover{background:rgba(255,255,255,0.1)}.feature-bullet-icon{@apply flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center mr-4;background:rgba(0,0,0,0.1);color:#333}.dark .feature-bullet-icon{background:rgba(255,255,255,0.1);color:#fff}@media (max-width: 768px){.hero-section{padding:6rem 0 3rem}.feature-section{padding:4rem 0}}.text-highlight{position:relative;display:inline-block;z-index:1}.text-highlight::after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background-color:rgba(0,0,0,0.1);z-index:-1;transform:rotate(-2deg)}.dark .text-highlight::after{background-color:rgba(255,255,255,0.2)}.modern-slider{position:relative;overflow:hidden;border-radius:1rem}.modern-slider .swiper-slide{transition:all 0.5s ease;transform:scale(0.85);opacity:0.5}.modern-slider .swiper-slide-active{transform:scale(1);opacity:1}.modern-slider .swiper-pagination-bullet{background:rgba(0,0,0,0.3);opacity:0.7}.modern-slider .swiper-pagination-bullet-active{background:#000;opacity:1}.dark .modern-slider .swiper-pagination-bullet{background:rgba(255,255,255,0.3)}.dark .modern-slider .swiper-pagination-bullet-active{background:#fff}.image-frame{position:relative}.image-frame::before{content:"";position:absolute;top:-10px;left:-10px;right:10px;bottom:10px;border:1px solid rgba(0,0,0,0.1);border-radius:1rem;z-index:-1}.dark .image-frame::before{border-color:rgba(255,255,255,0.1)}html,body{overflow-x:hidden}section{overflow:hidden !important;max-height:none !important}.container{overflow:visible !important}.hero-section,#feature-0,#feature-1,#feature-2{overflow:hidden !important}.row,.col,.col-12,.md\:col-6,.lg\:col-4,.lg\:col-8,.md\:col-5,.md\:col-7{overflow:visible !important}.swiper-container,.swiper,.swiper-wrapper{overflow:hidden !important;max-height:none !important}.swiper-slide{overflow:visible !important}.skills-slider-container{overflow:hidden !important;max-height:none !important}.skills-slider{overflow:hidden !important;max-height:none !important}.feature-section{overflow:hidden !important;max-height:none !important}.hero-section{overflow:hidden !important;max-height:none !important}.hero-slider{overflow:hidden !important}.decorative-element{overflow:visible !important}.content-wrapper{overflow:visible !important}.image-container{overflow:hidden !important}[data-aos]{overflow:visible !important}.feature-bullet,.feature-card,.skill-card{overflow:visible !important}@media (max-width: 768px){html,body{overflow-x:hidden !important;overflow-y:auto !important;height:auto !important}.container,.row,.col,section{overflow:hidden !important;max-height:none !important;height:auto !important}section{overflow:hidden !important;max-height:none !important;height:auto !important;position:relative}.feature-section{overflow:hidden !important;max-height:none !important;height:auto !important}}body main{padding-top:var(--header-height, 80px);position:relative;z-index:1}body section:first-of-type{padding-top:1.5rem}body .hero-section{margin-top:calc(-1 * var(--header-height, 80px));padding-top:calc(var(--header-height, 80px) + 1rem);position:relative;z-index:2}body .page-header{padding-top:calc(var(--header-height, 80px) + 1.5rem);position:relative;z-index:2}body .hero-section+#header-placeholder{display:none !important}body img,body svg{position:relative;z-index:2}.header{--header-height: 80px;height:var(--header-height, 80px);will-change:transform;background-color:var(--color-body) !important;box-shadow:0 2px 10px rgba(0,0,0,0.05) !important}.header .navbar{height:100%;display:flex;align-items:center}.header.dark-mode{background-color:var(--color-darkmode-body) !important;box-shadow:0 2px 10px rgba(0,0,0,0.2) !important}.header{z-index:100 !important}:target{scroll-margin-top:var(--header-height, 80px)}.bullet-icon{position:relative;overflow:hidden}.bullet-icon::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(var(--color-primary-rgb), 0.3) 0%, rgba(var(--color-primary-rgb), 0) 70%);opacity:0;animation:pulse-glow 3s ease-in-out infinite}.bullet-icon:hover i{animation:wiggle 0.5s ease-in-out}.feature-section:nth-of-type(3n+1) .bullet-icon i::before{content:"\f005"}.feature-section:nth-of-type(3n+2) .bullet-icon i::before{content:"\f0e7"}.feature-section:nth-of-type(3n+3) .bullet-icon i::before{content:"\f058"}@keyframes pulse-glow{0%{opacity:0;transform:scale(0.8)}50%{opacity:0.5;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}@keyframes wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}#image-slider{width:100%;overflow:hidden;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.1),0 5px 15px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease}#image-slider:hover{box-shadow:0 15px 40px rgba(0,0,0,0.15),0 10px 20px rgba(0,0,0,0.08)}#image-slider #slider-track{display:flex;transition:transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform}#image-slider .slide-item{min-width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(to bottom, rgba(255,255,255,0.03), rgba(0,0,0,0.02));position:relative;overflow:hidden}#image-slider .slide-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0) 100%);transform:translateX(-100%);transition:transform 1.2s ease-in-out;pointer-events:none;z-index:2}#image-slider .slide-item.active::before{transform:translateX(100%)}#image-slider .slide-item img{max-height:500px;object-fit:contain;max-width:100%;border-radius:0.5rem;filter:drop-shadow(0 5px 10px rgba(0,0,0,0.05));transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center;will-change:transform, opacity, filter}#image-slider .slide-item img.entering{animation:scaleIn 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards}@keyframes scaleIn{0%{opacity:0.5;transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}.dark #image-slider{box-shadow:0 10px 30px rgba(0,0,0,0.25),0 5px 15px rgba(0,0,0,0.15)}.dark #image-slider:hover{box-shadow:0 15px 40px rgba(0,0,0,0.3),0 10px 20px rgba(0,0,0,0.2)}.dark #image-slider .slide-item{background:linear-gradient(to bottom, rgba(255,255,255,0.01), rgba(0,0,0,0.05))}.bullet-icon{position:relative;overflow:hidden;transition:all 0.3s ease}.bullet-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center, rgba(var(--color-primary-rgb), 0.2) 0%, rgba(var(--color-primary-rgb), 0) 70%);opacity:0;transform:scale(0.5);transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.bullet-icon i{position:relative;z-index:2;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.feature-section:nth-of-type(3n+1) .bullet-icon i::before{content:"\f005"}.feature-section:nth-of-type(3n+2) .bullet-icon i::before{content:"\f0e7"}.feature-section:nth-of-type(3n+3) .bullet-icon i::before{content:"\f058"}.bg-body:hover .bullet-icon,.bg-darkmode-body:hover .bullet-icon{transform:scale(1.1)}.bg-body:hover .bullet-icon::before,.bg-darkmode-body:hover .bullet-icon::before{opacity:1;transform:scale(1.5)}.bg-body:hover .bullet-icon i,.bg-darkmode-body:hover .bullet-icon i{animation:pulse-icon 1s ease-in-out infinite}@keyframes pulse-icon{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.feature-section:nth-of-type(3n+1) .bullet-icon i{animation:star-animation 3s ease-in-out infinite}.feature-section:nth-of-type(3n+2) .bullet-icon i{animation:bolt-animation 3s ease-in-out infinite}.feature-section:nth-of-type(3n+3) .bullet-icon i{animation:check-animation 3s ease-in-out infinite}@keyframes star-animation{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(5deg)}50%{transform:scale(1) rotate(0deg)}75%{transform:scale(1.2) rotate(-5deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes bolt-animation{0%{transform:translateY(0);opacity:1}25%{transform:translateY(-3px);opacity:0.8}50%{transform:translateY(0);opacity:1}75%{transform:translateY(3px);opacity:0.8}100%{transform:translateY(0);opacity:1}}@keyframes check-animation{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes gradient{0%,100%{opacity:0.3}50%{opacity:0.6}}.animate-gradient{animation:gradient 8s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float-delayed{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(-5deg)}}@keyframes float-slow{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite;animation-delay:1s}.animate-float-slow{animation:float-slow 10s ease-in-out infinite;animation-delay:2s}@keyframes blob{0%,100%{transform:translate(0, 0) scale(1) rotate(0deg)}33%{transform:translate(30px, -20px) scale(1.1) rotate(120deg)}66%{transform:translate(-20px, 20px) scale(0.9) rotate(240deg)}}@keyframes blob-reverse{0%,100%{transform:translate(0, 0) scale(1) rotate(45deg)}33%{transform:translate(-30px, 20px) scale(1.1) rotate(165deg)}66%{transform:translate(20px, -20px) scale(0.9) rotate(285deg)}}@keyframes blob-slow{0%,100%{transform:translate(0, 0) scale(1) rotate(-12deg)}33%{transform:translate(20px, 30px) scale(1.05) rotate(108deg)}66%{transform:translate(-30px, -20px) scale(0.95) rotate(228deg)}}.animate-blob{animation:blob 20s ease-in-out infinite}.animate-blob-reverse{animation:blob-reverse 25s ease-in-out infinite}.animate-blob-slow{animation:blob-slow 30s ease-in-out infinite}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 1s ease-out}@keyframes slide-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up 0.8s ease-out 0.2s both}.animate-slide-up-delayed{animation:slide-up 0.8s ease-out 0.4s both}@keyframes bounce-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(var(--color-primary-rgb, 79, 70, 229), 0.3)}50%{box-shadow:0 0 40px rgba(var(--color-primary-rgb, 79, 70, 229), 0.6)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.animate-shimmer{background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%);background-size:1000px 100%;animation:shimmer 3s infinite}.hover-scale{transition:transform 0.3s ease-in-out}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow 0.3s ease-in-out}.hover-glow:hover{box-shadow:0 0 30px rgba(var(--color-primary-rgb, 79, 70, 229), 0.5)}.parallax-slow{transition:transform 0.3s ease-out}.feature-section{position:relative;overflow:hidden}.feature-section::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb, 79, 70, 229), 0.05), transparent);transition:left 0.5s ease-in-out}.feature-section:hover::before{left:100%}.interactive-card{position:relative;overflow:hidden;transition:all 0.3s ease-in-out}.interactive-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--color-primary-rgb, 79, 70, 229), 0.1);transform:translate(-50%, -50%);transition:width 0.6s ease-out, height 0.6s ease-out}.interactive-card:hover::after{width:500px;height:500px}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}
