[dir=rtl]{text-align:right}[dir=rtl] *{font-family:Segoe UI,Tahoma,Arial,sans-serif}[dir=rtl] nav{direction:rtl}[dir=rtl] .nav-items,[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .justify-start{justify-content:flex-end}[dir=rtl] .justify-end{justify-content:flex-start}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-left:auto;margin-right:0}[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .pr-4{padding-left:1rem;padding-right:0}[dir=rtl] .btn-group{flex-direction:row-reverse}[dir=rtl] .icon-left{margin-left:.5rem;margin-right:0}[dir=rtl] .icon-right{margin-left:0;margin-right:.5rem}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select,[dir=rtl] .form-group,[dir=rtl] .card,[dir=rtl] .hero-content{text-align:right}[dir=rtl] .slide-in-left{animation-name:slideInRight}[dir=rtl] .slide-in-right{animation-name:slideInLeft}[dir=rtl] .portfolio-grid{direction:rtl}[dir=rtl] .portfolio-item{text-align:right}.lang-ar{font-family:Segoe UI,Tahoma,Droid Arabic Naskh,Arabic Transparent,Arial,sans-serif;line-height:1.6}.lang-ar h1,.lang-ar h2,.lang-ar h3,.lang-ar h4,.lang-ar h5,.lang-ar h6{font-weight:600;line-height:1.4}.lang-ar p{line-height:1.7}.lang-ar{font-feature-settings:"liga" 1, "calt" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=768px){[dir=rtl] .mobile-nav{text-align:right}[dir=rtl] .mobile-menu{left:0;right:auto}}.content-wrapper{margin-inline:auto;padding-inline:1rem}.text-end{text-align:end}.border-start{border-inline-start:1px solid}.border-end{border-inline-end:1px solid}[dir=rtl] .language-switcher,[dir=rtl] .social-links{flex-direction:row-reverse}*{transition:text-align .2s,direction .2s}@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}@page{margin:.75in;size:A4}@page:first{margin-top:1in}body{font-family:Times New Roman,serif;font-size:12pt;line-height:1.4;color:#000!important;background:#fff!important}nav,.navbar,.header-nav,.navigation,.sidebar,.footer,.floating-orb,.particle,.grid-bg,.particles,button:not(.print-visible),.btn:not(.print-visible),.chat-interface,.mobile-menu,.scroll-indicator,.transition-overlay,.loading-component,.error-boundary,.modal,.tooltip,.dropdown,.menu,.hamburger,.social-links:not(.print-contact),.back-button,.close-button,.theme-toggle,.language-selector,.search-bar,video,iframe:not(.print-visible),.video-background,.animation-element,.hover-effect,.interactive-element,.carousel-controls,.tabs-navigation,.accordion-toggle{visibility:hidden!important;display:none!important}.print-visible{visibility:visible!important;display:block!important}.container,.max-w-7xl,.max-w-6xl,.max-w-4xl{max-width:100%!important;margin:0!important;padding:0!important}h1{page-break-after:avoid;margin-top:24pt;margin-bottom:16pt;font-size:24pt;font-weight:700;color:#000!important}h2{page-break-after:avoid;margin-top:20pt;margin-bottom:12pt;font-size:18pt;font-weight:700;color:#000!important}h3{page-break-after:avoid;margin-top:16pt;margin-bottom:8pt;font-size:14pt;font-weight:700;color:#000!important}h4,h5,h6{page-break-after:avoid;margin-top:12pt;margin-bottom:6pt;font-size:12pt;font-weight:700;color:#000!important}p{orphans:3;widows:3;margin-bottom:8pt}ul,ol{margin-bottom:8pt}li{margin-bottom:4pt}a{text-decoration:underline;color:#000!important}a[href^=http]:after{content:" (" attr(href) ")";color:#666;font-size:10pt}a[href^=\#]:after,a[href^=\/]:after{content:""}img{page-break-inside:avoid;border:1px solid #ddd;max-width:100%!important;height:auto!important}.profile-image,.hero-image{float:right;margin:0 0 12pt 12pt;max-width:200px!important}pre,code{page-break-inside:avoid;word-wrap:break-word;padding:4pt;font-family:Courier New,monospace;font-size:10pt;background:#f5f5f5!important;border:1px solid #ccc!important;overflow:visible!important}table{border-collapse:collapse;page-break-inside:avoid;width:100%;margin-bottom:12pt}th,td{text-align:left;border:1px solid #ccc;padding:6pt}th{font-weight:700;background:#f0f0f0!important}.page-break{page-break-before:always}.page-break-after{page-break-after:always}.no-page-break{page-break-inside:avoid}.print-header{text-align:center;border-bottom:2px solid #000;margin-bottom:24pt;padding-bottom:12pt;display:block!important}.print-header h1{margin:0;font-size:28pt}.print-header .contact-info{margin-top:8pt;font-size:11pt}.print-contact{margin:0 8pt;display:inline!important}.skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:12pt!important;display:grid!important}.skill-item{border:1px solid #ccc;margin-bottom:8pt;padding:8pt}.project-card{page-break-inside:avoid;border:1px solid #ccc;margin-bottom:16pt;padding:12pt}.project-image{float:left;margin:0 12pt 8pt 0;max-width:150px!important}.timeline-item{page-break-inside:avoid;border-left:2px solid #ccc;margin-bottom:16pt;padding-left:20pt}.timeline-date{font-size:11pt;font-weight:700}.blog-post{page-break-before:always}.blog-title{border-bottom:1px solid #ccc;padding-bottom:8pt}.blog-meta{margin-bottom:16pt;font-size:10pt;color:#666!important}.contact-section{text-align:center;border:2px solid #000;margin-top:24pt;padding:12pt}.qr-code{margin:8pt auto;max-width:100px!important}.certificate,.achievement{text-align:center;page-break-inside:avoid;border:2px solid #ccc;margin:12pt 0;padding:16pt}.print-only{display:block!important}.screen-only{display:none!important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}.print-no-break{page-break-inside:avoid}.resume-section{page-break-inside:avoid;margin-bottom:20pt}.resume-section h2{border-bottom:1px solid #000;padding-bottom:4pt}.job-title{font-size:12pt;font-weight:700}.company-name{font-size:11pt;font-style:italic}.date-range{float:right;font-size:10pt}@page{@bottom-center{content:"Talal Alkhaled - Computer Engineering Student | Page " counter(page);font-size:9pt;color:#666}}.about-section,.projects-section,.skills-section,.experience-section,.education-section{page-break-inside:avoid;margin-bottom:24pt}.tech-tag{border:1px solid #ccc;margin:2pt;padding:2pt 6pt;font-size:9pt;background:#f0f0f0!important;display:inline-block!important}.gradient-bg,.shadow,.blur,.transform,.animation{box-shadow:none!important;filter:none!important;background:0 0!important;animation:none!important;transform:none!important}}@media screen and (print-color-adjust:exact){body{background:#fff}.print-preview{background:#fff;max-width:8.5in;margin:0 auto;padding:1in;box-shadow:0 0 10px #0000001a}}:root{--op-background:251 250 246;--op-foreground:29 27 24;--op-muted-foreground:110 105 96;--op-positive:90 122 82;--op-negative:172 84 66}.dark{--op-background:18 17 16;--op-foreground:240 238 232;--op-muted-foreground:158 152 142;--op-positive:163 186 138;--op-negative:214 138 116}.op-page{background-color:rgb(var(--op-background));color:rgb(var(--op-foreground));-webkit-font-smoothing:antialiased;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.noise-overlay{position:relative}.noise-overlay:after{content:"";opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.text-stroke{-webkit-text-stroke:1.5px currentColor;-webkit-text-fill-color:transparent}.marquee{animation:30s linear infinite op-marquee}.marquee-reverse{animation:25s linear infinite op-marquee-reverse}@keyframes op-msg-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.op-msg-in{animation:.3s ease-out both op-msg-in}@keyframes op-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes op-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.line-reveal{clip-path:inset(0 100% 0 0);animation:.8s cubic-bezier(.77,0,.175,1) forwards op-line-reveal}@keyframes op-line-reveal{to{clip-path:inset(0)}}.hover-lift{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-4px)}.animate-char-in{opacity:0;filter:blur(40px);animation:.5s cubic-bezier(.22,1,.36,1) forwards op-char-in;transform:translateY(100%)}@keyframes op-char-in{0%{opacity:0;filter:blur(40px);transform:translateY(100%)}to{opacity:1;filter:blur();transform:translateY(0)}}.op-code-line{opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) forwards op-code-line-reveal;transform:translate(-8px)}@keyframes op-code-line-reveal{to{opacity:1;transform:translate(0)}}.op-code-char{opacity:0;filter:blur(8px);animation:.3s cubic-bezier(.22,1,.36,1) forwards op-code-char-reveal}@keyframes op-code-char-reveal{to{opacity:1;filter:blur()}}.op-progress{animation:5s linear forwards op-progress}@keyframes op-progress{0%{width:0%}to{width:100%}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:auto;background-color:#111827;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior:none;background-color:#121110;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.dark{color-scheme:dark}#root{isolation:isolate;min-height:100vh}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}body .navbar-always-fixed,#root .navbar-always-fixed,.relative .navbar-always-fixed,.absolute .navbar-always-fixed,* .navbar-always-fixed{z-index:999999!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-bottom-2{bottom:-.5rem}.bottom-0{bottom:0}.end-3{inset-inline-end:.75rem}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.start-0{inset-inline-start:0}.start-3{inset-inline-start:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-mr-16{margin-right:-4rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100dvh\]{height:100dvh}.h-\[17px\]{height:17px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-\[140px\]{min-height:140px}.min-h-\[16px\]{min-height:16px}.min-h-\[280px\]{min-height:280px}.min-h-\[36px\]{min-height:36px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[17px\]{width:17px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[82\%\]{max-width:82%}.max-w-\[860px\]{max-width:860px}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-8{--tw-translate-x:-2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-8{--tw-translate-x:2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y:3rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y:2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-ee-md{border-end-end-radius:.375rem}.rounded-es-md{border-end-start-radius:.375rem}.border{border-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-\[\#f0eee8\]{--tw-border-opacity:1;border-color:rgb(240 238 232/var(--tw-border-opacity,1))}.border-foreground{--tw-border-opacity:1;border-color:rgb(var(--op-foreground) / var(--tw-border-opacity,1))}.border-foreground\/10{border-color:rgb(var(--op-foreground) / .1)}.border-foreground\/15{border-color:rgb(var(--op-foreground) / .15)}.border-foreground\/20{border-color:rgb(var(--op-foreground) / .2)}.border-foreground\/30{border-color:rgb(var(--op-foreground) / .3)}.border-foreground\/5{border-color:rgb(var(--op-foreground) / .05)}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-t-negative\/60{border-top-color:rgb(var(--op-negative) / .6)}.border-t-positive\/60{border-top-color:rgb(var(--op-positive) / .6)}.bg-\[\#121110\]{--tw-bg-opacity:1;background-color:rgb(18 17 16/var(--tw-bg-opacity,1))}.bg-\[\#161513\]{--tw-bg-opacity:1;background-color:rgb(22 21 19/var(--tw-bg-opacity,1))}.bg-background{--tw-bg-opacity:1;background-color:rgb(var(--op-background) / var(--tw-bg-opacity,1))}.bg-background\/80{background-color:rgb(var(--op-background) / .8)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-foreground{--tw-bg-opacity:1;background-color:rgb(var(--op-foreground) / var(--tw-bg-opacity,1))}.bg-foreground\/10{background-color:rgb(var(--op-foreground) / .1)}.bg-foreground\/20{background-color:rgb(var(--op-foreground) / .2)}.bg-foreground\/30{background-color:rgb(var(--op-foreground) / .3)}.bg-foreground\/5{background-color:rgb(var(--op-foreground) / .05)}.bg-foreground\/80{background-color:rgb(var(--op-foreground) / .8)}.bg-foreground\/\[0\.02\]{background-color:rgb(var(--op-foreground) / .02)}.bg-foreground\/\[0\.03\]{background-color:rgb(var(--op-foreground) / .03)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-muted-foreground\/60{background-color:rgb(var(--op-muted-foreground) / .6)}.bg-negative{--tw-bg-opacity:1;background-color:rgb(var(--op-negative) / var(--tw-bg-opacity,1))}.bg-positive{--tw-bg-opacity:1;background-color:rgb(var(--op-positive) / var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.fill-background{fill:rgb(var(--op-background) / 1)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pe-3{padding-inline-end:.75rem}.ps-0{padding-inline-start:0}.ps-5{padding-inline-start:1.25rem}.ps-9{padding-inline-start:2.25rem}.pt-1{padding-top:.25rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pt-32{padding-top:8rem}.pt-36{padding-top:9rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.font-display{font-family:Instrument Serif,Georgia,serif}.font-instrument{font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.85em\]{font-size:.85em}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[clamp\(3rem\,12vw\,10rem\)\]{font-size:clamp(3rem,12vw,10rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[0\.95\]{line-height:.95}.leading-\[0\.9\]{line-height:.9}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.15\]{line-height:1.15}.leading-loose{line-height:2}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.\!text-foreground{--tw-text-opacity:1!important;color:rgb(var(--op-foreground) / var(--tw-text-opacity,1))!important}.text-\[\#f4f2ec\]{--tw-text-opacity:1;color:rgb(244 242 236/var(--tw-text-opacity,1))}.text-background{--tw-text-opacity:1;color:rgb(var(--op-background) / var(--tw-text-opacity,1))}.text-background\/55{color:rgb(var(--op-background) / .55)}.text-foreground{--tw-text-opacity:1;color:rgb(var(--op-foreground) / var(--tw-text-opacity,1))}.text-foreground\/20{color:rgb(var(--op-foreground) / .2)}.text-foreground\/30{color:rgb(var(--op-foreground) / .3)}.text-foreground\/70{color:rgb(var(--op-foreground) / .7)}.text-foreground\/80{color:rgb(var(--op-foreground) / .8)}.text-foreground\/90{color:rgb(var(--op-foreground) / .9)}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-muted-foreground{--tw-text-opacity:1;color:rgb(var(--op-muted-foreground) / var(--tw-text-opacity,1))}.text-muted-foreground\/70{color:rgb(var(--op-muted-foreground) / .7)}.text-negative{--tw-text-opacity:1;color:rgb(var(--op-negative) / var(--tw-text-opacity,1))}.text-positive{--tw-text-opacity:1;color:rgb(var(--op-positive) / var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/20{color:#fff3}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.underline{text-decoration-line:underline}.decoration-foreground\/30{text-decoration-color:rgb(var(--op-foreground) / .3)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-\[0\.03\]{opacity:.03}.shadow-\[0px_2px_10px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 2px 10px #0000000f;--tw-shadow-colored:0px 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}.animate-spin{will-change:transform;animation:1s linear infinite spin}.transition-opacity{transition:opacity .15s}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[animation-delay\:-0\.15s\]{animation-delay:-.15s}.\[animation-delay\:-0\.3s\]{animation-delay:-.3s}.\[filter\:brightness\(0\)\]{filter:brightness(0)}.super-fixed-navbar{z-index:999999!important;visibility:visible!important;opacity:1!important;width:100vw!important;display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.nav-link-dark:hover{color:#fff!important;background-color:#ffffff1a!important}.nav-link-light:hover{color:#111827!important;background-color:#f3f4f6!important}.active-link-dark{color:#60a5fa!important;background-color:#3b82f633!important}.active-link-light{color:#2563eb!important;background-color:#3b82f61a!important}@media (width<=1023px){.mobile-menu-btn,.mobile-menu{display:block!important}}.mobile-link-dark:hover{background-color:#ffffff1a!important}.mobile-link-light:hover{background-color:#f3f4f6!important}.mobile-active-dark{color:#60a5fa!important;background-color:#3b82f633!important}.mobile-active-light{color:#2563eb!important;background-color:#3b82f61a!important}@media (width<=768px){html,body{overscroll-behavior-y:auto;width:100vw;max-width:100vw;overscroll-behavior-x:none!important;overflow-x:hidden!important}:not(.op-page):not(.op-page *){max-width:100vw}*{box-sizing:border-box}#root{width:100vw;max-width:100vw;overflow-x:hidden!important}:not(.op-page):not(.op-page *):not(.op-nav):not(.op-nav *):not(.op-thumb):not(.op-thumb *),:not(.op-page):not(.op-page *):not(.op-nav):not(.op-nav *):not(.op-thumb):not(.op-thumb *):before,:not(.op-page):not(.op-page *):not(.op-nav):not(.op-nav *):not(.op-thumb):not(.op-thumb *):after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-spin{animation-duration:1s!important;animation-iteration-count:infinite!important}body{text-rendering:optimizespeed;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}:not(.navbar-mobile-fixed):not(.navbar-mobile-fixed *):not(.animate-spin):not(.safe-transform){will-change:auto!important;backface-visibility:visible!important}img{image-rendering:auto;max-width:100%;height:auto}.overflow-scroll,.overflow-y-auto{-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;overscroll-behavior-y:auto}}@media (width>=769px) and (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}:not(.navbar-mobile-fixed):not(.navbar-mobile-fixed *):not(.animate-spin):not(.navbar-desktop-fixed):not(.navbar-desktop-fixed *):not(.op-page):not(.op-page *):not(.op-nav):not(.op-nav *):not(.op-thumb):not(.op-thumb *){will-change:auto!important;transform:none!important}@keyframes gradient{0%,to{background-position:0%}50%{background-position:100%}}.animate-gradient{will-change:background-position;background-size:200% 200%;animation:15s infinite gradient}@keyframes blob-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20px,-50px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(50px,50px)scale(1.05)}}@keyframes blob-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-50px,30px)scale(1.1)}50%{transform:translate(20px,-20px)scale(.9)}75%{transform:translate(-30px,-50px)scale(1.05)}}@keyframes blob-3{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,50px)scale(1.1)}50%{transform:translate(-50px,-30px)scale(.9)}75%{transform:translate(20px,-20px)scale(1.05)}}.animate-blob{animation-timing-function:ease-in-out;animation-iteration-count:infinite}.transition-transform{transition:transform .2s}.spline-container{will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}}@media (width>=769px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1));border-radius:9999px}:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-grid-pattern{background-image:linear-gradient(90deg,#9ca3af1a 1px,#0000 1px),linear-gradient(#9ca3af1a 1px,#0000 1px);background-size:20px 20px}.section-transition-overlay{opacity:0;pointer-events:none;backdrop-filter:blur(2px);background:linear-gradient(45deg,#3b82f61a,#9333ea1a);transition:opacity .3s;position:absolute;inset:0}.dark .section-transition-overlay{background:linear-gradient(45deg,#3b82f60d,#9333ea0d)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out fadeIn}@media (width<=768px){.bg-grid-pattern,.section-transition-overlay,.animate-gradient,.animate-blob{display:none!important}}:root{--mobile-vh:100vh;--safe-area-bottom:0px;--input-height:0px;--ios-bottom-bar:env(safe-area-inset-bottom,0px);--keyboard-height:0px;--mobile-touch-target:44px;--mobile-min-spacing:16px}@supports ((-webkit-appearance:none)){:root{--safe-area-bottom:max(env(safe-area-inset-bottom,0px), 20px)}}@media (width<=768px){.mobile-chat-page html,.mobile-chat-page body,body.mobile-chat-active html,body.mobile-chat-active,body.mobile-page-active html,body.mobile-page-active{overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:var(--mobile-vh);width:100vw;position:fixed;overflow:hidden}html:not(.mobile-chat-active):not(.mobile-page-active),body:not(.mobile-chat-active):not(.mobile-page-active){overscroll-behavior:auto;-webkit-overflow-scrolling:touch;width:auto!important;height:auto!important;position:static!important;overflow:auto!important}.mobile-chat-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}:root{--safe-area-bottom:env(safe-area-inset-bottom,0px)}input[type=text],input[type=email],input[type=password],input[type=search],textarea{transform:translateZ(0);font-size:16px!important}.mobile-input-area{bottom:var(--safe-area-bottom);z-index:9999;position:fixed;left:0;right:0}.mobile-viewport-transition{transition:height .3s ease-out,transform .3s ease-out}}@media (width>=1024px){.lg\:absolute .navbar-always-fixed{z-index:999999!important;position:fixed!important;top:0!important;left:0!important;right:0!important}}.placeholder\:text-muted-foreground\/60::placeholder{color:rgb(var(--op-muted-foreground) / .6)}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-width:0}.focus-within\:border-foreground\/30:focus-within{border-color:rgb(var(--op-foreground) / .3)}.hover\:border-foreground:hover{--tw-border-opacity:1;border-color:rgb(var(--op-foreground) / var(--tw-border-opacity,1))}.hover\:border-foreground\/20:hover{border-color:rgb(var(--op-foreground) / .2)}.hover\:border-foreground\/30:hover{border-color:rgb(var(--op-foreground) / .3)}.hover\:border-foreground\/40:hover{border-color:rgb(var(--op-foreground) / .4)}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-foreground\/40:hover{background-color:rgb(var(--op-foreground) / .4)}.hover\:bg-foreground\/5:hover{background-color:rgb(var(--op-foreground) / .05)}.hover\:bg-foreground\/90:hover{background-color:rgb(var(--op-foreground) / .9)}.hover\:bg-foreground\/\[0\.02\]:hover{background-color:rgb(var(--op-foreground) / .02)}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-foreground:hover{--tw-text-opacity:1;color:rgb(var(--op-foreground) / var(--tw-text-opacity,1))}.hover\:text-muted-foreground:hover{--tw-text-opacity:1;color:rgb(var(--op-muted-foreground) / var(--tw-text-opacity,1))}.hover\:decoration-foreground:hover{text-decoration-color:rgb(var(--op-foreground) / 1)}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}.focus\:border-foreground:focus{--tw-border-opacity:1;border-color:rgb(var(--op-foreground) / var(--tw-border-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-2{--tw-translate-x:.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-foreground{--tw-bg-opacity:1;background-color:rgb(var(--op-foreground) / var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-background{--tw-text-opacity:1;color:rgb(var(--op-background) / var(--tw-text-opacity,1))}.group:hover .group-hover\:text-foreground{--tw-text-opacity:1;color:rgb(var(--op-foreground) / var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-white\/\[0\.08\]:is(.dark *){border-color:#ffffff14}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-white\/\[0\.06\]:is(.dark *){background-color:#ffffff0f}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:\[filter\:brightness\(0\)_invert\(1\)\]:is(.dark *){filter:brightness(0)invert()}.dark\:focus-within\:border-white\/25:focus-within:is(.dark *){border-color:#ffffff40}.dark\:hover\:border-white\/20:hover:is(.dark *){border-color:#fff3}@media (width>=640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:ps-10{padding-inline-start:2.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=768px){.md\:block{display:block}.md\:w-72{width:18rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (width>=1024px){.lg\:absolute{position:absolute}.lg\:sticky{position:sticky}.lg\:bottom-24{bottom:6rem}.lg\:top-28{top:7rem}.lg\:top-32{top:8rem}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:mb-20{margin-bottom:5rem}.lg\:mb-24{margin-bottom:6rem}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[800px\]{height:800px}.lg\:w-12{width:3rem}.lg\:w-\[800px\]{width:800px}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-10{gap:2.5rem}.lg\:gap-16{gap:4rem}.lg\:gap-20{gap:5rem}.lg\:gap-24{gap:6rem}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:py-40{padding-top:10rem;padding-bottom:10rem}.lg\:pb-14{padding-bottom:3.5rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-28{padding-top:7rem}.lg\:pt-40{padding-top:10rem}.lg\:pt-44{padding-top:11rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:text-\[3\.4rem\]{font-size:3.4rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}.rtl\:left-0:where([dir=rtl],[dir=rtl] *){left:0}.rtl\:right-auto:where([dir=rtl],[dir=rtl] *){right:auto}.rtl\:-ml-16:where([dir=rtl],[dir=rtl] *){margin-left:-4rem}.rtl\:mr-0:where([dir=rtl],[dir=rtl] *){margin-right:0}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:-scale-x-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .rtl\:group-hover\:translate-x-1:where([dir=rtl],[dir=rtl] *){--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
