*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;font-family:inherit;font-size:1rem;line-height:1.5;color:#374151;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media(min-width: 640px){.container{max-width:640px;padding-left:24px;padding-right:24px}}@media(min-width: 768px){.container{max-width:768px}}@media(min-width: 1024px){.container{max-width:1024px;padding-left:32px;padding-right:32px}}@media(min-width: 1280px){.container{max-width:1280px}}.header{position:fixed;top:0;left:0;right:0;z-index:50;background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.8);height:60px}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.logo{height:32px;width:auto;display:block}.hero-section{position:relative;overflow:hidden;background:#fff;min-height:80vh;display:flex;align-items:center;contain:layout style paint;padding-top:80px}.hero-image{transform:translateZ(0);will-change:auto;backface-visibility:hidden;content-visibility:visible;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.hero-image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, #f0f0f0 25%, transparent 37%, #f0f0f0 63%);animation:shimmer 1.5s infinite;z-index:-1}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.hero-container{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1rem;contain:layout}@media(min-width: 1024px){.hero-container{grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 2rem}}.hero-content{text-align:center}@media(min-width: 1024px){.hero-content{text-align:left}}.hero-title{font-size:clamp(2.25rem,4vw,3.75rem);font-weight:700;line-height:1.1;letter-spacing:-0.025em;margin-bottom:1.5rem;contain:layout}.hero-description{font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.6;margin-bottom:2rem;opacity:.9;contain:layout}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;border-radius:.5rem;transition:all .2s ease;border:none;cursor:pointer;background-color:#3b82f6;color:#fff;contain:layout style}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;border-radius:.5rem;transition:all .2s ease;border:2px solid hsla(0,0%,100%,.3);cursor:pointer;background-color:rgba(0,0,0,0);color:#fff;contain:layout style}.btn-secondary:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.hero-image{width:100%;height:auto;border-radius:12px;display:block;aspect-ratio:4/3;object-fit:cover;object-position:center;transform:translateZ(0)}.hero-image-placeholder{position:absolute;inset:0;background:linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);background-size:200% 100%;border-radius:12px;aspect-ratio:4/3;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}img{max-width:100%;height:auto;display:block}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}html{@apply text-base;overflow-x:hidden;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{@apply bg-body font-primary leading-relaxed text-text dark:bg-darkmode-body dark:text-darkmode-text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;position:relative;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;line-height:1.5}@media(max-width: 639px){body{overflow-x:hidden}}h1,h2,h3,h4,h5,h6{@apply font-primary font-bold leading-tight text-dark dark:text-darkmode-light;font-weight:600;line-height:1.25}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}h5,.h5{@apply text-h5}h6,.h6{@apply text-h6}a{color:inherit;text-decoration:none;transition:color .2s ease-in-out}ul,ol{list-style:none;padding:0;margin:0}img{max-width:100%;height:auto}.theme-switcher{@apply relative inline-flex h-[28px] w-[52px] cursor-pointer items-center justify-center rounded-full bg-neutral-100 text-dark dark:bg-darkmode-theme-dark dark:text-white}.theme-switcher::after{@apply absolute z-10 h-[18px] w-[18px] rounded-full bg-white bg-no-repeat transition-[cubic-bezier(0.77_0_0.18_1)] content-[""];background-size:6px 6px;background-position:center;box-shadow:0 1px 3px rgba(0,0,0,.15)}.theme-switcher .sun{@apply mr-[4px]}.theme-switcher .moon{@apply -translate-y-[0.03rem]}.dark .theme-switcher::after{@apply bg-darkmode-theme-light}.section{@apply py-16}.container{@apply px-4 md:px-8}.container-home{@apply pl-2}@media(min-width: 1536px){.container-home{max-width:2560px}}.main{@apply flex-1 mt-0 px-0 py-1 dark:bg-darkmode-body}.reading-progress-bar{@apply fixed top-0 left-0 z-50 w-full h-1 bg-gray-200 dark:bg-gray-700}.reading-progress-bar-fill{@apply h-1 bg-gradient-to-r from-primary to-secondary transition-all duration-300 ease-out}.social-icons-simple li{@apply inline-block}.social-icons-simple li a{@apply block p-3 leading-none text-white transition hover:text-primary dark:hover:text-darkmode-primary}.social-icons{@apply space-x-5}.social-icons li{@apply inline-block}.social-icons li a{@apply block text-dark hover:text-primary dark:text-darkmode-dark dark:hover:text-darkmode-primary}.form-input,.form-select{@apply h-16}.form-input,.form-select,.form-textarea{@apply rounded border border-border bg-transparent transition duration-200 focus:border-primary focus:ring-transparent dark:border-darkmode-border}select:required:invalid{@apply text-text}.form-select{background-position:right center !important}.form-label{@apply pointer-events-none absolute top-5 ml-4 inline-block origin-left bg-white px-1 text-text transition-all duration-200 dark:bg-darkmode-theme-dark dark:text-darkmode-text}.form-select~.form-label{@apply bg-white}.form-select.has-value~.form-label,.form-select.invalid~.form-label,.form-select.valid~.form-label,.form-select:focus~.form-label,.form-input.has-value~.form-label,.form-input.invalid~.form-label,.form-input.valid~.form-label,.form-input:focus~.form-label,.form-textarea.has-value~.form-label,.form-textarea.invalid~.form-label,.form-textarea.valid~.form-label,.form-textarea:focus~.form-label{@apply -top-3 scale-90}.sidebar{@apply z-30 mt-3 sticky top-5 mr-4 min-h-full flex p-4 pl-0 pt-8 flex-col bg-white h-[calc(100vh-50px)] min-w-[200px] w-[250px] overflow-y-auto dark:bg-darkmode-theme-dark}.sidebar.show{@apply translate-x-0}.sidebarfixed{@apply fixed top-0 z-50 flex min-h-full bg-white items-center
  h-[48px] w-[100%] max-w-[100%] -translate-x-full select-none flex-col overflow-y-hidden py-1.5 px-3 transition-[transform_0.3_cubic-bezier(0.075_0.82_0.165_1)] dark:bg-darkmode-theme-dark lg:sticky lg:hidden xl:w-[100%]}.sidebarfixed.show{@apply translate-x-0}.sidebar-container{overflow-x:auto;max-width:100%}@media(max-width: 768px){.sidebar-container{max-width:100vw}.feature-item{min-width:120px !important;padding:8px 0 !important;margin-left:8px}}.toc{width:100%}.table-index,.toc{@apply max-h-[calc(100vh-150px)] overflow-y-auto text-dark rounded-lg z-50 w-full text-[0.9em] p-4 bg-white/90 dark:bg-darkmode-theme-dark/90 backdrop-blur-sm border border-gray-100 dark:border-gray-800}.table-index>ul>li,.toc>ul>li{@apply rounded relative mb-1 text-dark/70 dark:text-white/50}.table-index>ul>li a,.toc>ul>li a{@apply line-clamp-2 block transition-all duration-300 py-1.5 px-2 rounded-md}.table-index>ul>li a:hover,.toc>ul>li a:hover{@apply bg-gray-50 dark:bg-gray-800/50 text-primary dark:text-primary}.table-index>ul>li.active>a,.toc>ul>li.active>a{@apply text-primary dark:text-primary border-l-2 border-primary pl-3 bg-primary/5}.table-index>ul>li>ul,.toc>ul>li>ul{@apply ml-4 mt-1;list-style-type:"– "}.table-index>ul>li>ul li,.toc>ul>li>ul li{@apply mb-1 text-[0.95em]}.table-index>ul>li>ul li.active>a,.toc>ul>li>ul li.active>a{@apply text-primary dark:text-primary border-l-2 border-primary pl-3 bg-primary/5}main h2,main h3{@apply scroll-mt-24 relative}main h2::before,main h3::before{display:block;content:" ";visibility:hidden}main h2:hover::after,main h3:hover::after{content:"";@apply absolute -left-6 text-primary opacity-0 cursor-pointer transition-opacity duration-300}main h2:hover::after,main h3:hover::after{@apply opacity-70}.home-hero{background:linear-gradient(126deg, #2f40ad 27.9050827026%, #394fb7 39.7137641907%, #2a3ba9 50.9115219116%, #394fb7 63.581943512%, #354ab5 91.6054725647%)}.home-hero.hero2{background:linear-gradient(126deg, #0b0d1a 11%, #080b1d 27%, #0c1546 70%, #1646a8 100%)}.home-hero.hero3{background:linear-gradient(126deg, #312e81 0%, #3730a3 25%, #4338ca 50%, #4f46e5 75%, #6366f1 100%)}.home-hero.hero4{background:linear-gradient(126deg, #12368C 0%, #1947A3 25%, #2058BA 50%, #2769D1 75%, #2E7AE8 100%)}.home-hero.hero5{background:linear-gradient(126deg, #4c1d95 0%, #5b21b6 25%, #6d28d9 50%, #7c3aed 75%, #8b5cf6 100%)}.home-hero h1,.home-hero p{color:#fff}.home-hero p{font-size:1.1em}.sidebar-toggler{@apply bg-white/50 rounded-lg border border-border dark:border-darkmode-border}.sidebar-toggler.fixed{@apply top-0 z-[99]}.sidebar-toggler-icon{@apply cursor-pointer select-none transition-[transform_0.4s];-webkit-tap-highlight-color:rgba(0,0,0,0)}.sidebar-toggler-icon .top{stroke-dasharray:40 121}.sidebar-toggler-icon .bottom{stroke-dasharray:40 121}.sidebar-toggler-icon .line{@apply dark:stroke-white;fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#333;stroke-width:5.5;stroke-linecap:round}.sidebar-toggler-icon.active{transform:rotate(45deg)}.sidebar-toggler-icon.active .top{stroke-dashoffset:-68px}.sidebar-toggler-icon.active .bottom{stroke-dashoffset:-68px}.sidebar-overlay{@apply pointer-events-none invisible fixed left-0 top-[64px] z-20 h-full w-full bg-black opacity-0 transition-all duration-300}.sidebar-overlay.show{@apply pointer-events-auto visible opacity-40}.theme-card-large{@apply flex h-full flex-col justify-between pb-4 relative overflow-hidden bg-white dark:bg-darkmode-theme-dark}.theme-card-large-body{@apply p-6 pb-1}.theme-card-large-footer{@apply mt-auto flex items-center px-6 pb-2}.theme-card{@apply flex h-full flex-col justify-between pb-4 relative overflow-hidden}.theme-card-body{@apply p-6 pb-1}.theme-card-footer{@apply mt-auto flex items-center px-6 pb-2}.github-content img{@apply max-w-[500px]}.slide-image{@apply h-[350px] w-auto m-2 mb-10 shadow-sm rounded overflow-hidden}.slide-image2{@apply h-[300px] w-auto m-2 mb-12 shadow-sm rounded overflow-hidden}.tooltip,.tooltip-static{@apply relative inline-block cursor-pointer}.tooltip-label,.tooltip-static-label{@apply pointer-events-none invisible absolute bottom-[calc(100%+5px)] left-[65%] z-50 w-max max-w-[350px] -translate-x-1/2 rounded bg-primary px-4 py-3 text-left font-medium tracking-wider text-sm text-white opacity-0 transition}.tooltip-label::after,.tooltip-static-label::after{@apply absolute left-1/2 top-full -translate-x-1/2 border-4 border-solid border-transparent border-t-primary content-[""]}.tooltip:hover .tooltip-label,.tooltip:hover .tooltip-static-label,.tooltip-static:hover .tooltip-label,.tooltip-static:hover .tooltip-static-label{@apply visible opacity-100}.tooltip-bottom .tooltip-label,.tooltip-static-bottom .tooltip-label,.tooltip-bottom .tooltip-static-label,.tooltip-static-bottom .tooltip-static-label{@apply bottom-[unset] top-[calc(100%+5px)]}.tooltip-bottom .tooltip-label::after,.tooltip-static-bottom .tooltip-label::after,.tooltip-bottom .tooltip-static-label::after,.tooltip-static-bottom .tooltip-static-label::after{@apply bottom-full top-[unset] border-b-primary border-t-transparent}.meta-list li{@apply mr-4 inline-flex items-center}.meta-list li a{@apply text-inherit hover:underline}.meta-list li svg{@apply mr-1 text-primary dark:text-darkmode-primary}.widget{@apply mb-10 rounded}@media(max-width: 1023px){.widget{@apply p-0}}.feature-item{@apply p-1 border-b-2 border-b-blue-700/0 w-auto flex flex-col min-w-[80px] items-center justify-end mr-3 max-w-[200px] mb-1}.feature-item .font-title{@apply px-2 rounded-2xl font-medium text-[0.8em]}.feature-item.active .font-title{@apply bg-blue-700 text-white transition-all duration-300}.sidebar-checkbox{@apply relative mb-[4px] mx-3 ml-0 flex-row justify-between my-0 w-full flex cursor-pointer items-center rounded py-1 pr-4 pl-5 text-dark dark:text-white/90 dark:hover:bg-darkmode-theme-light}.sidebar-checkbox::before{@apply absolute -left-2 top-1/2 h-4 w-4 -translate-y-1/2 rounded border-2 border-transparent content-[""]}.sidebar-checkbox::before{@apply ml-[10px] border-neutral-400 border-2 bg-cover bg-no-repeat;background-position:50%}.sidebar-checkbox.active::before{@apply border-[#3474F4] bg-cover bg-no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%233474F4' d='M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z' class=''%3E%3C/path%3E%3C/svg%3E");background-position:50%}.sidebar-heading{@apply flex mb-2 cursor-pointer items-center text-[0.8em] justify-between py-1 pl-0 font-primary text-[#2F3FAC] font-medium}.sidebar-radio{@apply relative mb-1 flex w-full cursor-pointer items-center rounded py-1 pl-2 pr-3 text-sm text-dark hover:bg-white dark:hover:bg-darkmode-theme-light}.sidebar-radio::before{@apply absolute right-3 top-3 h-3 w-3 rounded-full ring-2 ring-primary/60 content-[""]}.sidebar-radio.active{@apply bg-white dark:bg-darkmode-theme-light}.sidebar-radio.active::before{@apply border-2 border-white bg-primary ring-2 ring-primary dark:border-darkmode-border}.category-list li{@apply max-h-[40px] mb-3 mr-3 min-w-[90px] inline-block cursor-pointer select-none rounded-xl text-[0.9em] bg-white dark:bg-darkmode-theme-dark py-[.2rem] px-4 font-medium text-dark last:mr-0 dark:border-darkmode-border dark:text-darkmode-text}.category-list li span{@apply ml-2 inline-block w-[27px] rounded bg-theme-light px-[.3rem] pt-[2px] text-center text-xs dark:bg-darkmode-theme-light}.category-list li.active{@apply border-primary bg-primary text-white}.category-list li.active span{@apply bg-dark/[.15] text-white}.category-list li.submit-btn{@apply bg-blue-200 text-blue-700}.category-list li{@apply mb-3 mr-3 min-w-[90px] inline-block cursor-pointer select-none rounded-xl text-[0.9em] bg-white dark:bg-darkmode-theme-dark py-[.2rem] px-4 font-medium text-dark last:mr-0 dark:border-darkmode-border dark:text-darkmode-text}.category-list li span{@apply ml-2 inline-block w-[27px] rounded bg-theme-light px-[.3rem] pt-[2px] text-center text-xs dark:bg-darkmode-theme-light}.category-list li.active{@apply border-primary bg-primary text-white}.category-list li.active span{@apply bg-dark/[.15] text-white}.category-list li.submit-btn{@apply bg-blue-200 text-blue-700}.category-list-white{scroll-snap-type:x;scroll-padding:1rem;overflow-x:auto;scrollbar-width:none}.category-list-white li{white-space:nowrap;display:inline-table;line-height:30px;@apply my-1 mb-[0.6rem] mr-3 cursor-pointer select-none rounded-xl border border-white/10 py-[.2rem] px-4 font-medium text-white/80 transition}.category-list-white li span{@apply ml-[6px] inline-block rounded text-white bg-white/10 px-[.3rem] py-[3px] text-center text-xs dark:bg-darkmode-theme-light}.category-list-white li.active{@apply text-white bg-white/[.15] border-white/80 scale-[1.05]}.category-list-white li.active span{@apply bg-white/[.15] text-white}.category-list-white li.submit-btn{@apply bg-white text-dark}.sort-dropdown{@apply relative mt-1 inline-block whitespace-nowrap text-[.9rem]}.sort-dropdown-input{@apply ml-2 cursor-pointer rounded border border-border px-3 py-[.3rem] dark:border-darkmode-border}.sort-dropdown-buttons{@apply absolute right-0 top-8 z-50 hidden w-full rounded bg-white p-3 shadow dark:bg-darkmode-theme-dark}.sort-dropdown-buttons button{@apply block w-full rounded px-2 py-1 text-left}.sort-dropdown-buttons button:hover{@apply bg-theme-light dark:hover:bg-white/[.1]}.sort-dropdown-buttons button.active{@apply bg-primary/[.1] text-primary dark:bg-darkmode-theme-light dark:text-darkmode-primary}.sort-dropdown-buttons button.active:hover{@apply dark:bg-darkmode-theme-light}.sort-dropdown-buttons.show{@apply block}.demo-preview-switcher{@apply inline-block rounded text-[1.45rem] leading-none}.demo-preview-switcher button{@apply rounded-md px-2 py-[.3rem]}.demo-preview-switcher button.active{@apply bg-gray-700 text-white}.demo-preview-wrapper{@apply flex items-center justify-center bg-theme-light transition-all dark:bg-theme-dark}.demo-preview-wrapper iframe{@apply mx-auto my-0 h-full w-full rounded-[inherit] border-0 shadow-none}.demo-preview-content{@apply relative mx-auto h-full w-full overflow-hidden border-white bg-white transition-all duration-500 dark:border-dark dark:bg-darkmode-theme-light}.demo-preview-content.tablet{@apply mt-[-15px] h-[1024px] max-h-[calc(100vh-130px)] w-[768px] rounded-lg border-[15px] border-white shadow dark:border-darkmode-border}.demo-preview-content.mobile{@apply mt-[-10px] h-[740px] max-h-[calc(100vh-120px)] w-[375px] rounded-lg border-[10px] border-white shadow dark:border-darkmode-border}.cookie-box{@apply fixed bottom-3 left-3 z-50 mr-5 block w-[calc(100%-1.5rem)] max-w-[450px] items-center justify-between rounded bg-white px-5 py-4 shadow dark:bg-darkmode-theme-light md:bottom-5 md:left-5 md:flex}.cookie-box-closer{@apply rounded border-0 bg-theme-light px-3 py-1 text-sm font-semibold transition hover:bg-primary hover:text-white dark:bg-darkmode-theme-dark}.bookmark-box{@apply fixed bottom-5 left-5 z-50 mr-5 hidden origin-bottom-left items-center justify-between rounded bg-white py-1.5 pl-2 pr-5 shadow transition-[cubic-bezier(0.18_0.89_0.32_1.27)] dark:bg-darkmode-theme-light}.bookmark-box-icon{@apply mr-2.5 flex items-center justify-center rounded px-1.5 py-2}.bookmark-box-closer{@apply absolute -right-2.5 -top-2.5 h-6 w-6 scale-0 cursor-pointer rounded-full bg-white text-center leading-6 shadow transition dark:bg-darkmode-theme-light}.bookmark-box:hover .bookmark-box-icon{@apply bg-theme-light dark:bg-darkmode-theme-dark}.bookmark-box:hover .bookmark-box-closer{@apply scale-100}.scroll-box{@apply overflow-y-auto overflow-x-hidden}.scroll-box::-webkit-scrollbar{width:5px}.scroll-box::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.scroll-box::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.scroll-box:hover::-webkit-scrollbar-track{@apply bg-[#f1f1f1] dark:bg-[#3b4b5a]}.scroll-box:hover::-webkit-scrollbar-thumb{@apply bg-[#bbb] dark:bg-[#032020]}.modal{@apply fixed left-0 top-0 z-[50] h-screen w-screen bg-black/30 backdrop-blur-md}.modal-overlay{@apply absolute left-0 top-0 h-full w-full}.modal-box{@apply relative mx-auto max-h-[calc(100vh-100px)] max-w-[calc(100%-20px)] overflow-hidden rounded-lg bg-white shadow-lg dark:bg-darkmode-theme-dark}.scroll-to-top{@apply invisible fixed bottom-[0px] right-[66px] z-50 h-8 w-8 content-center items-center rounded-2xl border-0 bg-gradient-to-r text-blue-700 opacity-0 bg-white/80 hover:shadow-sm hover:bg-white outline-none transition-all}.scroll-to-top.show{@apply visible bottom-[16px] opacity-100}.browser-preview{@apply mx-auto w-full overflow-hidden rounded-md transition-all hover:shadow-lg}.browser-preview-frame{@apply h-[990px] w-full bg-white origin-top-left border-none}@media(max-width: 1535px){.browser-preview-frame{@apply h-[990px] w-screen scale-[0.56]}}@media(max-width: 1279px){.browser-preview-frame{@apply h-[999px] w-screen scale-[0.56]}}@media(max-width: 1023px){.browser-preview-frame{@apply h-[908px] w-screen scale-[0.95]}}.browser-preview-mobile{@apply w-[360px]}.browser-preview-mobile .browser-preview-frame{@apply h-full w-full scale-100}.browser-preview-header{@apply relative flex items-center justify-between rounded-t bg-neutral-200 px-2 py-1}.browser-preview-header::before{@apply relative left-6 top-0 inline-block h-2 w-2 rounded-full bg-[#ccc] shadow-[] content-[""];box-shadow:-18px 0 0 #ccc,18px 0 0 #ccc}.browser-preview-header-content{@apply absolute left-1/2 z-10 -translate-x-1/2 text-center text-sm dark:text-dark}.browser-preview-header-content-icon{@apply relative -left-1 top-[1px] inline-flex h-4 w-4 items-center justify-center leading-none;animation:rotating 1s linear infinite}.browser-preview-header-content-hide{@apply invisible right-8 opacity-0}.browser-preview-header-buttons{@apply invisible translate-x-8 text-right leading-none opacity-0 duration-300}.browser-preview-header-buttons-show{@apply visible translate-x-0 opacity-100 delay-200}.browser-preview-header-buttons-link{@apply inline-block h-6 w-6 rounded bg-white text-center text-sm text-dark no-underline hover:text-primary dark:hover:text-darkmode-primary}.browser-preview-body{@apply relative h-[555px] overflow-hidden;box-shadow:inset 0 0 10px #eee}@media(max-width: 1279px){.browser-preview-body{@apply h-[500px]}}.browser-preview-thumbnail{@apply absolute left-0 top-0 z-10 h-full w-full}.browser-preview-thumbnail img{@apply h-full w-full object-cover}.browser-preview-loaded{@apply bg-[#d3f198]}.browser-preview-after-loaded{@apply bg-[#ececec] delay-75}.browser-preview-toggler{@apply relative z-30 mb-8 space-x-1}.browser-preview-toggler button{@apply h-8 w-12 rounded border border-border bg-transparent focus:border-primary dark:border-darkmode-border}.spotlight-card{@apply relative h-full bg-neutral-200 p-px before:absolute before:w-80 before:h-80 before:-left-40 before:-top-40 before:bg-[#166AE9] after:bg-[#166AE9] before:rounded-full before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-500 before:translate-x-[var(--mouse-x)] before:translate-y-[var(--mouse-y)] before:group-hover:opacity-100 before:z-10 before:blur-[100px] after:absolute after:w-96 after:h-96 after:-left-48 after:-top-48 after:rounded-full after:opacity-0 after:pointer-events-none after:transition-opacity after:duration-500 after:translate-x-[var(--mouse-x)] after:translate-y-[var(--mouse-y)] after:hover:opacity-10 after:z-30 after:blur-[100px] overflow-hidden rounded-lg}.spotlight-card>div{@apply h-full bg-white p-2 py-7 pb-5 rounded-[inherit] z-20 overflow-hidden}.block-attr{@apply mt-6 mr-4 block bg-neutral-100/60 border border-neutral-200 dark:bg-darkmode-theme-dark dark:border-theme-dark p-5 rounded-lg}.table-att{@apply text-[0.85em]}.table-att tr{@apply align-top}.table-att tr td:first-child{@apply block min-w-[130px] font-bold mb-4}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.browser-mockup{@apply relative mb-8 rounded border-t-[35px] border-border shadow}.browser-mockup img{@apply my-0 rounded-b}.browser-mockup::before{@apply absolute -top-[21px] left-4 block h-2 w-2 rounded-full bg-[#f44] content-[""];box-shadow:0 0 0 2px #fa5f57,1.2em 0 0 2px #fcbc2e,2.4em 0 0 2px #28c840}.browser-mockup::after{@apply absolute -top-[30px] right-1/2 block w-[calc(100%_-_200px)] max-w-[500px] translate-x-1/2 overflow-hidden rounded bg-body p-1.5 text-center text-sm leading-none text-light content-["https://inspireui.com"]}.demo-intro{@apply pt-2 pr-6 text-[0.95em] font-medium block overflow-hidden leading-8 text-left text-ellipsis break-words max-h-[9em]}.demo-intro .screenshot{@apply w-1/2 flex flex-row h-[400px]}.demo-intro .screenshot img{@apply mx-1.5 h-[200px]}.content{@apply prose prose-lg max-w-none;@apply prose-headings:mb-[.7em] prose-headings:mt-[1.2em] prose-headings:font-bold prose-headings:text-dark dark:prose-headings:text-white;@apply prose-h1:text-h1-sm md:prose-h1:text-h1;@apply prose-h2:text-h2-sm md:prose-h2:text-h2 prose-h2:border-b prose-h2:border-gray-200 prose-h2:pb-2 dark:prose-h2:border-gray-700;@apply prose-h3:text-h3-sm md:prose-h3:text-h3;@apply prose-hr:border-border prose-hr:dark:border-darkmode-border;@apply prose-p:text-base prose-p:leading-relaxed;@apply prose-blockquote:rounded-lg prose-blockquote:border-l-4 prose-blockquote:border-primary prose-blockquote:bg-theme-light prose-blockquote:px-6 prose-blockquote:py-3 prose-blockquote:shadow-md prose-blockquote:dark:bg-darkmode-theme-dark;@apply prose-code:px-2 prose-code:py-0.5 prose-code:rounded prose-code:bg-gray-100 prose-code:text-primary dark:prose-code:bg-gray-800 dark:prose-code:text-darkmode-primary;@apply prose-pre:rounded-lg prose-pre:bg-gray-100 dark:prose-pre:bg-gray-800;@apply prose-strong:text-dark prose-strong:dark:text-light;@apply prose-a:text-primary prose-a:font-medium prose-a:no-underline hover:prose-a:underline dark:prose-a:text-darkmode-primary;@apply prose-li:text-text prose-li:dark:text-light prose-li:my-1;@apply prose-table:overflow-hidden prose-table:border prose-table:border-border prose-table:rounded-lg prose-table:shadow-sm prose-table:dark:border-darkmode-border;@apply prose-thead:border-border prose-thead:bg-theme-light prose-th:px-4 prose-th:py-4 prose-th:text-dark prose-thead:dark:border-darkmode-border prose-thead:dark:bg-darkmode-theme-dark prose-th:dark:text-light;@apply prose-tr:border-border prose-tr:dark:border-darkmode-border;@apply prose-td:px-4 prose-td:py-4 prose-td:dark:text-light;@apply prose-img:my-6 prose-img:rounded-lg prose-img:shadow-md}.content pre{@apply p-4 rounded-lg overflow-x-auto text-sm bg-gray-100 dark:bg-gray-800 my-6}.content pre code{@apply bg-transparent p-0 text-gray-800 dark:text-gray-200}.content figure{@apply my-8}.content figure figcaption{@apply text-center text-sm text-gray-500 dark:text-gray-400 mt-2}.content ul,.content ol{@apply my-6 pl-6}.content ul li,.content ol li{@apply mb-2}.content ul li::marker,.content ol li::marker{@apply text-primary dark:text-darkmode-primary}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.mega-menu{@apply opacity-0 rounded-2xl p-8 pt-3 transition-all shadow-xl ease-in-out duration-200 left-0 absolute text-left w-full mt-[12px] pointer-events-none max-h-[420px] backdrop-blur-2xl z-50 mb-16 sm:mb-0 bg-blue-950/20}.hoverable{@apply static}.hoverable:hover .mega-menu{@apply opacity-100 pointer-events-auto block}.floating{animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating{0%{transform:translate(0, 0px)}50%{transform:translate(0, 8px)}100%{transform:translate(0, 0px)}}.floating-4{animation-name:floating;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating-4{0%{transform:translate(0, 0px)}50%{transform:translate(0, 8px)}100%{transform:translate(0, 0px)}}.bottom-card-frame{padding:0px 50px 50px 50px;border-radius:0px 0px 50px 50px;border-bottom:2px solid rgba(79,70,229,.2);background:linear-gradient(180deg, #FFF 50%, #E8E7FC 100%);position:relative}.bottom-card-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0px 50px 50px 50px;padding:2px;background:linear-gradient(180deg, #FFFFFF 0%, #E8E7FC 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;transition:all .6s ease-in-out;width:100%;height:100%}.bottom-card{border-radius:0px 0px 25px 25px;background:linear-gradient(180deg, rgba(221, 219, 255, 0) 0%, #DDDBFF 100%);position:relative}.wrapper-card{padding:50px;transition:all .6s ease-in-out}.bottom-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0px 0px 25px 25px;padding:2px;background:linear-gradient(0deg, #4F46E5 20.41%, #FFFFFF 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;transition:all .6s ease-in-out;width:100%;height:100%;opacity:0}.feature-index{@apply text-[1em] text-dark dark:text-white}.content figure iframe{@apply w-full h-auto}.loader{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:460px;height:460px;background:rgba(0,0,0,0);border-radius:50%;color:#b7e7f2}.loader::before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border-radius:50%;animation:animateC 40s linear infinite}.loader span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:rgba(0,0,0,0);transform-origin:left;animation:animate 40s linear infinite}.loader span::before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#b7e7f2;top:-6px;right:-8px;box-shadow:0 0 20px 5px #b7e7f2}@keyframes animateC{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animate{0%{transform:rotate(45deg)}100%{transform:rotate(405deg)}}@layer components{}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.force-width-constraint{width:1200px !important;max-width:1200px !important;min-width:1200px !important;flex-shrink:0 !important;box-sizing:border-box !important}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.animate-fadeInUp{animation:fadeInUp .2s ease-out forwards}.animate-slideDown{animation:slideDown .2s ease-out forwards;overflow:hidden}@media(min-width: 1024px){.mobile-menu-open{overflow:visible !important}}.mega-menu-dropdown{position:relative;z-index:100}.header{@apply py-2 !pt-0 lg:py-3 lg:pb-0 px-1 md:px-2 lg:px-14 top-0 z-40 w-full bg-white/90 dark:border-darkmode-border dark:bg-darkmode-body/80 sticky}.navbar{@apply relative flex flex-wrap pb-[4px] items-center px-1 sm:px-6 lg:justify-between}a.download-btn{@apply ml-2 font-semibold text-base rounded-lg bg-primary text-white py-3 px-6;@apply transition-all duration-300 hover:bg-primary/90;@apply hover:scale-[1.02] active:scale-[0.98];@apply shadow-md hover:shadow-lg;@apply focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/50;outline:none;border:none}.navbar-brand{@apply text-xl font-semibold text-dark}.navbar-brand image{@apply max-h-full max-w-full}.navbar-nav{@apply text-center font-secondary md:text-left}.nav-link{@apply relative px-[13px] py-2 text-[#52687B] transition hover:text-primary dark:text-white dark:hover:text-darkmode-primary font-medium}.nav-link.active{@apply text-blue-800}.nav-dropdown{@apply mr-0}.nav-dropdown-list{@apply z-10 rounded-lg bg-white p-4 shadow transition}.nav-dropdown-item{@apply mb-1}.nav-dropdown-link{@apply min-w-[150px] py-1 text-lg font-semibold text-dark transition hover:text-primary dark:hover:text-darkmode-primary}@layer components{}@layer utilities{b,strong{@apply font-semibold}img,svg,video,canvas,audio,iframe,embed,object{@apply inline}.shadow{box-shadow:0 2px 15px -4px #e9e9e9}.shadow-lg{box-shadow:4px 4px 20px 6px rgba(0,0,0,.1)}.dark .shadow{box-shadow:0 2px 15px -4px #222}.dark .shadow-lg{box-shadow:4px 4px 20px 6px rgba(0,0,0,.9)}.svg-align-bottom svg{@apply align-bottom}.svg-block svg{@apply block}.bg-gradient{@apply bg-gradient-to-r from-primary to-secondary}.text-gradient{@apply bg-gradient-to-r from-primary to-secondary;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.disabled{@apply bg-theme-light/5 opacity-60 dark:bg-darkmode-dark/5}.flex-fill{@apply flex-[1_1_auto]}.Typewriter{@apply inline-block}.stretched-link{@apply after:absolute after:inset-0}article>p:first-child{margin-top:0 !important}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.hover\:pause-animation:hover{animation-play-state:paused}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .6s ease-out forwards}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-scale-in{animation:scale-in .6s ease-out forwards}.animate-delay-100{animation-delay:100ms}.animate-delay-200{animation-delay:200ms}.animate-delay-300{animation-delay:300ms}@media(prefers-reduced-motion: reduce){.animate-fade-in,.animate-slide-up,.animate-scale-in{animation:none;opacity:1;transform:none}}@layer components{.btn{@apply inline-flex items-center justify-center font-semibold transition-all duration-300 rounded-lg;@apply focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/50;@apply hover:scale-[1.02] active:scale-[0.98];@apply px-6 py-3 text-base}.btn-primary{@apply text-white bg-primary hover:bg-primary/90}.btn-secondary{@apply text-white bg-secondary hover:bg-secondary/90}.btn-outline{@apply border-2 border-primary text-primary hover:bg-primary hover:text-white}.btn-sm{@apply px-4 py-2 text-sm}.btn-md{@apply px-6 py-3 text-base}.btn-lg{@apply px-8 py-4 text-lg}.btn-cta{@apply text-white bg-primary hover:bg-primary/90;@apply shadow-md hover:shadow-lg}.btn-cta-outline{@apply border-2 border-primary text-primary hover:bg-primary hover:text-white;@apply shadow-sm hover:shadow-md}}.btn-badge{@apply ml-2 rounded bg-[#dce9e9] px-[.3rem] py-[.15rem] text-xs dark:bg-darkmode-theme-light}.btn-outline-primary{@apply border border-primary/25 bg-transparent from-primary to-secondary hover:bg-gradient-to-r hover:text-white}.btn-outline-primary:hover .btn-badge{@apply border-primary bg-primary text-white}.btn-demo{@apply border border-primary/25 from-primary to-secondary text-primary hover:bg-gradient-to-r hover:text-white dark:text-darkmode-primary;@apply dark:text-white}.btn-download{@apply border border-primary/25 bg-primary/[.1] from-primary to-secondary text-primary hover:bg-gradient-to-r hover:text-white dark:text-darkmode-primary;@apply dark:bg-dark/[.1] dark:text-white}.btn-github{@apply border border-[#151b22] bg-[#151b22] text-white dark:bg-darkmode-theme-light}.btn-loading{@apply relative pr-12}.btn-loading::after{@apply absolute right-[1em] top-2.5 h-[1.5em] w-[1.5em] rounded-full border-[4px] content-[""];border-color:#fff rgba(0,0,0,0) #fff rgba(0,0,0,0);animation:loading 1.2s infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@tailwind base;@tailwind components;@tailwind utilities;:root{--header-height: 80px}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{@apply text-base text-gray-700 bg-white dark:text-gray-300 dark:bg-gray-900}/*# sourceMappingURL=style.css.map */