:root{--color-primary: #24b37c;--color-primary-hover: #1d9663;--color-primary-light: #2ed492;--color-card-1: #24b37c;--color-card-2: #8b5cf6;--color-card-3: #3b82f6;--color-card-4: #f59e0b;--color-card-5: #ec4899;--color-background: #f7f3ee;--color-surface: #ffffff;--color-surface-alt: rgba(255, 255, 255, .7);--color-overlay: rgba(30, 30, 30, .8);--color-text-primary: #2c3e50;--color-text-secondary: #606f7b;--color-text-inverse: #ffffff;--color-shadow: rgba(0, 0, 0, .1);--color-shadow-hover: rgba(0, 0, 0, .15);--color-shadow-active: rgba(0, 0, 0, .2);--color-border: rgba(0, 0, 0, .1);--color-border-hover: rgba(0, 0, 0, .2);--nav-background: rgba(247, 243, 238, .98);--nav-text: #2c3e50;--nav-hover: #1a202c;--nav-active-bg: #2c3e50;--nav-border: rgb(0, 0, 0);--card-bg-dark: #2c3e50;--card-text-light: rgba(255, 255, 255, .8);--button-primary-bg: transparent;--button-primary-text: #24b37c;--button-primary-border: #24b37c;--font-primary: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--font-brand: "VIP Sbgh", var(--font-primary);--container-xl: 1200px;--container-lg: 992px;--container-md: 768px;--container-sm: 576px;--pattern-opacity: .12;--pattern-invert: 0;--dot-color: rgba(0, 0, 0, .1);--dot-size: 1.2px;--grain-opacity: .03;--vignette-opacity: .08}[data-theme=dark]{--color-primary: #c68642;--color-primary-hover: #d4a373;--color-primary-light: #e9c46a;--color-background: #2b1b17;--color-surface: #3d2b1f;--color-surface-alt: #4a3728;--color-night-gray: #3c404c;--color-overlay: rgba(30, 30, 30, .8);--color-text-primary: #fdf5e6;--color-text-secondary: #d5cea3;--color-text-inverse: #2b1b17;--nav-background: rgba(43, 27, 23, .96);--nav-text: #fdf5e6;--nav-hover: #c68642;--nav-active-bg: #3d2b1f;--nav-border: #4a3728;--color-shadow: rgba(0, 0, 0, .5);--color-border: rgba(198, 134, 66, .15);--color-border-hover: rgba(198, 134, 66, .3);--pattern-opacity: .18;--pattern-invert: 1;--dot-color: rgba(213, 206, 163, .25);--dot-size: 1.5px;--grain-opacity: .05;--vignette-opacity: .15}[data-theme=tea]{--color-primary: #7ab648;--color-primary-hover: #8fc75e;--color-primary-light: #a8d86e;--color-background: #1a2e1a;--color-surface: #2a3d28;--color-surface-alt: #354a32;--color-night-gray: #2f3d2d;--color-overlay: rgba(20, 35, 20, .85);--color-text-primary: #e8f0e0;--color-text-secondary: #b8c8a8;--color-text-inverse: #1a2e1a;--nav-background: rgba(26, 46, 26, .96);--nav-text: #e8f0e0;--nav-hover: #7ab648;--nav-active-bg: #2a3d28;--nav-border: #354a32;--color-shadow: rgba(0, 0, 0, .45);--color-shadow-hover: rgba(0, 0, 0, .55);--color-shadow-active: rgba(0, 0, 0, .6);--color-border: rgba(122, 182, 72, .15);--color-border-hover: rgba(122, 182, 72, .3);--pattern-opacity: .16;--pattern-invert: 1;--dot-color: rgba(184, 200, 168, .2);--dot-size: 1.5px;--grain-opacity: .04;--vignette-opacity: .12}[data-theme=date]{--color-primary: #d97706;--color-primary-hover: #b45309;--color-primary-light: #f59e0b;--color-background: #2e1a16;--color-surface: #422822;--color-surface-alt: #56362d;--color-night-gray: #3d2621;--color-overlay: rgba(30, 15, 10, .85);--color-text-primary: #eadbc8;--color-text-secondary: #bcaaa4;--color-text-inverse: #2e1a16;--nav-background: rgba(46, 26, 22, .96);--nav-text: #eadbc8;--nav-hover: #d97706;--nav-active-bg: #422822;--nav-border: #56362d;--color-shadow: rgba(0, 0, 0, .5);--color-shadow-hover: rgba(0, 0, 0, .6);--color-shadow-active: rgba(0, 0, 0, .65);--color-border: rgba(217, 119, 6, .15);--color-border-hover: rgba(217, 119, 6, .3);--pattern-opacity: .14;--pattern-invert: 1;--dot-color: rgba(217, 119, 6, .2);--dot-size: 1.5px;--grain-opacity: .05;--vignette-opacity: .15}[data-theme=desert]{--color-primary: #c2410c;--color-primary-hover: #9a3412;--color-primary-light: #ea580c;--color-background: #e8d0a0;--color-surface: #d6b88d;--color-surface-alt: #c4a474;--color-night-gray: #7c9ab5;--color-overlay: rgba(61, 43, 26, .15);--color-text-primary: #3d2b1a;--color-text-secondary: #5c4023;--color-text-inverse: #ffffff;--nav-background: rgba(232, 208, 160, .96);--nav-text: #3d2b1a;--nav-hover: #c2410c;--nav-active-bg: #d6b88d;--nav-border: #c4a474;--color-shadow: rgba(61, 43, 26, .1);--color-shadow-hover: rgba(61, 43, 26, .15);--color-shadow-active: rgba(61, 43, 26, .2);--color-border: rgba(194, 65, 12, .15);--color-border-hover: rgba(194, 65, 12, .3);--pattern-opacity: .08;--pattern-invert: 0;--dot-color: rgba(61, 43, 26, .15);--dot-size: 1.5px;--grain-opacity: .05;--vignette-opacity: .05}[data-theme=terminal]{--color-primary: #4ade80;--color-primary-hover: #22c55e;--color-primary-light: #86efac;--color-background: #0d1117;--color-surface: #161b22;--color-surface-alt: #21262d;--color-night-gray: #161b22;--color-overlay: rgba(1, 4, 9, .9);--color-text-primary: #c9d1d9;--color-text-secondary: #8b949e;--color-text-inverse: #0d1117;--nav-background: rgba(13, 17, 23, .96);--nav-text: #c9d1d9;--nav-hover: #4ade80;--nav-active-bg: #161b22;--nav-border: #30363d;--color-shadow: rgba(0, 0, 0, .3);--color-shadow-hover: rgba(0, 0, 0, .4);--color-shadow-active: rgba(0, 0, 0, .5);--color-border: #30363d;--color-border-hover: rgba(74, 222, 128, .3);--pattern-opacity: .18;--pattern-invert: 1;--dot-color: rgba(74, 222, 128, .08);--dot-size: 1.5px;--grain-opacity: .03;--vignette-opacity: .15;--font-terminal: "Courier New", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:transparent!important}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{background:transparent;color:var(--color-text-primary);line-height:1.6;font-family:var(--font-primary),sans-serif;scroll-behavior:smooth;padding:0;padding-bottom:env(safe-area-inset-bottom);overflow:hidden;width:100%;min-height:100vh;transition:background-color .5s ease,color .5s ease;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'%3E%3C/path%3E%3C/svg%3E") 0 24,auto}body[data-theme=dark]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fdf5e6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'%3E%3C/path%3E%3C/svg%3E") 0 24,auto}.theme-transition *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease!important}.steam-overlay{position:fixed;inset:0;z-index:99998;pointer-events:none;overflow:hidden}.steam-cloud{position:absolute;inset:-30%;border-radius:40%;will-change:transform,opacity}.steam-cloud--back{background:radial-gradient(ellipse at 25% 30%,rgba(255,255,255,.3) 0%,transparent 55%),radial-gradient(ellipse at 75% 60%,rgba(255,255,255,.2) 0%,transparent 50%);animation:steam-drift-back .8s cubic-bezier(.22,.61,.36,1) forwards}.steam-cloud--mid{background:radial-gradient(ellipse at 55% 25%,rgba(255,255,255,.25) 0%,transparent 45%),radial-gradient(ellipse at 20% 70%,rgba(255,255,255,.15) 0%,transparent 40%);animation:steam-drift-mid .75s cubic-bezier(.22,.61,.36,1) forwards}.steam-cloud--front{inset:-15%;background:radial-gradient(ellipse at 40% 45%,rgba(255,255,255,.35) 0%,transparent 35%),radial-gradient(ellipse at 65% 20%,rgba(255,255,255,.2) 0%,transparent 30%);animation:steam-drift-front .7s cubic-bezier(.22,.61,.36,1) forwards}.steam-veil{position:absolute;inset:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);animation:steam-blur .8s cubic-bezier(.4,0,.2,1) forwards}.steam-grid-pulse{position:absolute;inset:0;background:radial-gradient(rgba(128,128,128,.15) 1px,transparent 1px);background-size:40px 40px;animation:grid-pulse .6s ease-out forwards}.steam-palette{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:8px;background:var(--accent);box-shadow:0 2px 12px #00000026;animation:palette-pop .6s cubic-bezier(.34,1.56,.64,1) forwards}@media(min-width:768px){.steam-palette{width:32px;height:32px;top:20px;right:20px}}[data-theme=dark] .steam-cloud--back{background:radial-gradient(ellipse at 25% 30%,rgba(198,134,66,.25) 0%,transparent 55%),radial-gradient(ellipse at 75% 60%,rgba(213,163,115,.18) 0%,transparent 50%)}[data-theme=dark] .steam-cloud--mid{background:radial-gradient(ellipse at 55% 25%,rgba(198,134,66,.2) 0%,transparent 45%),radial-gradient(ellipse at 20% 70%,rgba(233,196,106,.12) 0%,transparent 40%)}[data-theme=dark] .steam-cloud--front{background:radial-gradient(ellipse at 40% 45%,rgba(212,163,115,.3) 0%,transparent 35%),radial-gradient(ellipse at 65% 20%,rgba(198,134,66,.18) 0%,transparent 30%)}[data-theme=dark] .steam-grid-pulse{background:radial-gradient(rgba(213,206,163,.2) 1px,transparent 1px);background-size:40px 40px}[data-theme=tea] .steam-cloud--back{background:radial-gradient(ellipse at 25% 30%,rgba(122,182,72,.22) 0%,transparent 55%),radial-gradient(ellipse at 75% 60%,rgba(143,199,94,.15) 0%,transparent 50%)}[data-theme=tea] .steam-cloud--mid{background:radial-gradient(ellipse at 55% 25%,rgba(122,182,72,.18) 0%,transparent 45%),radial-gradient(ellipse at 20% 70%,rgba(168,216,110,.12) 0%,transparent 40%)}[data-theme=tea] .steam-cloud--front{background:radial-gradient(ellipse at 40% 45%,rgba(143,199,94,.28) 0%,transparent 35%),radial-gradient(ellipse at 65% 20%,rgba(122,182,72,.16) 0%,transparent 30%)}[data-theme=tea] .steam-grid-pulse{background:radial-gradient(rgba(184,200,168,.18) 1px,transparent 1px);background-size:40px 40px}[data-theme=terminal] .steam-cloud--back{background:radial-gradient(ellipse at 25% 30%,rgba(74,222,128,.15) 0%,transparent 55%),radial-gradient(ellipse at 75% 60%,rgba(134,239,172,.1) 0%,transparent 50%)}[data-theme=terminal] .steam-cloud--mid{background:radial-gradient(ellipse at 55% 25%,rgba(74,222,128,.12) 0%,transparent 45%),radial-gradient(ellipse at 20% 70%,rgba(134,239,172,.08) 0%,transparent 40%)}[data-theme=terminal] .steam-cloud--front{background:radial-gradient(ellipse at 40% 45%,rgba(74,222,128,.18) 0%,transparent 35%),radial-gradient(ellipse at 65% 20%,rgba(134,239,172,.1) 0%,transparent 30%)}[data-theme=terminal] .steam-grid-pulse{background:radial-gradient(rgba(74,222,128,.12) 1px,transparent 1px);background-size:40px 40px}[data-theme=terminal] body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23c9d1d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'%3E%3C/path%3E%3C/svg%3E") 0 24,auto}.terminal-dino{position:fixed;bottom:32px;z-index:9990;pointer-events:none;width:44px;height:48px;animation:dino-run 12s linear infinite}.terminal-dino:before{content:"";position:absolute;bottom:0;left:0;width:4px;height:4px;background:transparent;box-shadow:20px -44px 0 var(--color-primary, #4ade80),24px -44px 0 var(--color-primary, #4ade80),28px -44px 0 var(--color-primary, #4ade80),32px -44px 0 var(--color-primary, #4ade80),36px -44px 0 var(--color-primary, #4ade80),16px -40px 0 var(--color-primary, #4ade80),20px -40px 0 var(--color-primary, #4ade80),24px -40px 0 var(--color-primary, #4ade80),28px -40px 0 var(--color-primary, #4ade80),32px -40px 0 var(--color-primary, #4ade80),36px -40px 0 var(--color-primary, #4ade80),40px -40px 0 var(--color-primary, #4ade80),28px -40px 0 var(--color-background, #0d1117),8px -36px 0 var(--color-primary, #4ade80),12px -36px 0 var(--color-primary, #4ade80),16px -36px 0 var(--color-primary, #4ade80),20px -36px 0 var(--color-primary, #4ade80),24px -36px 0 var(--color-primary, #4ade80),4px -32px 0 var(--color-primary, #4ade80),8px -32px 0 var(--color-primary, #4ade80),12px -32px 0 var(--color-primary, #4ade80),16px -32px 0 var(--color-primary, #4ade80),20px -32px 0 var(--color-primary, #4ade80),24px -32px 0 var(--color-primary, #4ade80),28px -32px 0 var(--color-primary, #4ade80),8px -28px 0 var(--color-primary, #4ade80),12px -28px 0 var(--color-primary, #4ade80),16px -28px 0 var(--color-primary, #4ade80),20px -28px 0 var(--color-primary, #4ade80),4px -24px 0 var(--color-primary, #4ade80),8px -24px 0 var(--color-primary, #4ade80),12px -24px 0 var(--color-primary, #4ade80),16px -24px 0 var(--color-primary, #4ade80),20px -24px 0 var(--color-primary, #4ade80),0 -20px 0 var(--color-primary, #4ade80),4px -20px 0 var(--color-primary, #4ade80),8px -20px 0 var(--color-primary, #4ade80),12px -20px 0 var(--color-primary, #4ade80),16px -20px 0 var(--color-primary, #4ade80),0 -16px 0 var(--color-primary, #4ade80),12px -16px 0 var(--color-primary, #4ade80),16px -16px 0 var(--color-primary, #4ade80),12px -12px 0 var(--color-primary, #4ade80),16px -12px 0 var(--color-primary, #4ade80),12px -8px 0 var(--color-primary, #4ade80),20px -8px 0 var(--color-primary, #4ade80),8px -4px 0 var(--color-primary, #4ade80),20px -4px 0 var(--color-primary, #4ade80);animation:dino-legs .2s step-end infinite}@keyframes dino-run{0%{left:-60px}to{left:110vw}}@keyframes dino-legs{0%,50%{transform:scaleY(1)}25%{transform:scaleY(.95) translateY(1px)}75%{transform:scaleY(1.02) translateY(-1px)}}@media(prefers-reduced-motion:reduce){.terminal-dino{display:none!important}}@keyframes steam-drift-back{0%{opacity:0;transform:translateY(5%) scale(.97)}25%{opacity:.6}55%{opacity:.35;transform:translateY(-2%) scale(1.03)}to{opacity:0;transform:translateY(-6%) scale(1.08)}}@keyframes steam-drift-mid{0%{opacity:0;transform:translate(3%,4%) scale(.95) rotate(1deg)}25%{opacity:.5}50%{opacity:.3;transform:translate(-2%,-3%) scale(1.04) rotate(-.5deg)}to{opacity:0;transform:translate(-4%,-8%) scale(1.1) rotate(-1.5deg)}}@keyframes steam-drift-front{0%{opacity:0;transform:translate(-3%,3%) scale(.9)}20%{opacity:.6}50%{opacity:.3;transform:translate(2%,-3%) scale(1.05)}to{opacity:0;transform:translate(3%,-8%) scale(1.12)}}@keyframes steam-blur{0%{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:1}30%{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}60%{backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}to{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0}}@keyframes grid-pulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes palette-pop{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.05)}50%{transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.steam-overlay{display:none!important}.theme-transition *{transition-duration:.01ms!important}}.bg-pattern{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;background-color:var(--color-background);transition:background-color .5s ease;background-image:radial-gradient(var(--dot-color) var(--dot-size),transparent var(--dot-size)),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,var(--vignette-opacity)) 100%);background-size:40px 40px,100% 100%;background-attachment:fixed,fixed;background-repeat:repeat,no-repeat}.bg-pattern:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='50' y='50' width='180' height='180' stroke-opacity='0.7'/%3E%3Crect x='44' y='44' width='12' height='12' fill='%23000' fill-opacity='0.5'/%3E%3Crect x='224' y='44' width='12' height='12' fill='%23000' fill-opacity='0.5'/%3E%3Crect x='44' y='224' width='12' height='12' fill='%23000' fill-opacity='0.5'/%3E%3Crect x='224' y='224' width='12' height='12' fill='%23000' fill-opacity='0.5'/%3E%3Ctext x='55' y='40' fill='%23000' fill-opacity='0.6' font-family='monospace' font-size='12' font-weight='bold'%3E%23Creative-Blueprint%3C/text%3E%3Cpath d='M350 100l20-20 20 20-20 20z' fill='%23000' fill-opacity='0.5'/%3E%3Ctext x='345' y='140' fill='%23000' fill-opacity='0.5' font-family='monospace' font-size='10'%3EInstance%3C/text%3E%3Cpath d='M50 300h150' stroke-opacity='0.6' stroke-dasharray='4,4'/%3E%3Ctext x='100' y='295' fill='%23000' fill-opacity='0.4' font-family='monospace' font-size='10'%3E240px%3C/text%3E%3Cpath d='M300 300v80' stroke-opacity='0.5' stroke-dasharray='2,6'/%3E%3Ccircle cx='300' cy='300' r='3' fill='%23000' fill-opacity='0.4'/%3E%3Ccircle cx='300' cy='380' r='3' fill='%23000' fill-opacity='0.4'/%3E%3Ctext x='308' y='345' fill='%23000' fill-opacity='0.35' font-family='monospace' font-size='9'%3E80px%3C/text%3E%3Crect x='280' y='200' width='160' height='60' rx='6' stroke-opacity='0.4' stroke-dasharray='6,3'/%3E%3Ctext x='295' y='235' fill='%23000' fill-opacity='0.35' font-family='monospace' font-size='11'%3EAuto Layout%3C/text%3E%3Ctext x='300' y='420' fill='%23000' fill-opacity='0.5' font-family='monospace' font-size='18'%3E%7B display: grid %7D%3C/text%3E%3Ctext x='50' y='460' fill='%23000' fill-opacity='0.5' font-family='monospace' font-size='18'%3E%26lt%3Bdiv %2F%26gt%3B%3C/text%3E%3Cpath d='M420 50l15 0 0 15' stroke-opacity='0.5'/%3E%3Cpath d='M465 50l-15 0 0 15' stroke-opacity='0.5'/%3E%3Cpath d='M420 95l15 0 0-15' stroke-opacity='0.5'/%3E%3Cpath d='M465 95l-15 0 0-15' stroke-opacity='0.5'/%3E%3Ctext x='428' y='77' fill='%23000' fill-opacity='0.35' font-family='monospace' font-size='10'%3E1:1%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:500px 500px;background-attachment:fixed;background-repeat:repeat;opacity:var(--pattern-opacity);filter:invert(var(--pattern-invert));transition:opacity .5s ease,filter .5s ease}[data-theme=terminal] .bg-pattern:before{background-image:url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3C!-- Code elements --%3E%3Ctext x='20' y='30' fill='%23000' fill-opacity='0.5' font-family='monospace' font-size='14'%3E%7B %7D%3C/text%3E%3Ctext x='120' y='55' fill='%23000' fill-opacity='0.4' font-family='monospace' font-size='12'%3E%26lt%3B/%26gt%3B%3C/text%3E%3Ctext x='280' y='35' fill='%23000' fill-opacity='0.45' font-family='monospace' font-size='13'%3Efunction()%3C/text%3E%3Ctext x='400' y='60' fill='%23000' fill-opacity='0.35' font-family='monospace' font-size='11'%3Econsole.log()%3C/text%3E%3Ctext x='30' y='100' fill='%23000' fill-opacity='0.4' font-family='monospace' font-size='12'%3E%24_%3C/text%3E%3Ctext x='180' y='120' fill='%23000' fill-opacity='0.5' font-family='monospace' font-size='16' font-weight='bold'%3E%3E_%3C/text%3E%3Ctext x='320' y='105' fill='%23000' fill-opacity='0.35' font-family='monospace' font-size='11'%3Eimport%3C/text%3E%3Ctext x='80' y='170' fill='%23000' fill-opacity='0.4' font-family='monospace' font-size='12'%3Econst%3C/text%3E%3Ctext x='230' y='185' fill='%23000' fill-opacity='0.35' font-family='monospace' font-size='11'%3Eif/else%3C/text%3E%3Ctext x='400' y='170' fill='%23000' fill-opacity='0.4' font-family='monospace' font-size='12'%3Ereturn%3C/text%3E%3Ctext x='50' y='240' fill='%23000' fill-opacity='0.45' font-family='monospace' font-size='13'%3EC:%5C%3E%3C/text%3E%3Ctext x='350' y='240' fill='%23000' fill-opacity='0.4' font-family='monospace' font-size='12'%3E~/dev %24%3C/text%3E%3Ctext x='160' y='260' fill='%23000' fill-opacity='0.3' font-family='monospace' font-size='14'%3E%7C %5B %5D%3C/text%3E%3C!-- T-Rex silhouette (simplified pixel art) --%3E%3Cpath d='M70 310 h12 v-6 h6 v-6 h6 v-12 h-6 v-6 h-18 v6 h-6 v6 h6 v6 h-6 v12 h6 v6 h-6 v12 h6 v-6 h6 v-6 h6 v6 h6 v6 h6 v-6 h-6 v-6 h-6 v-6 z' fill='%23000' fill-opacity='0.4'/%3E%3C!-- Cactus 1 --%3E%3Cpath d='M200 340 v-40 h-8 v-16 h8 v-8 h6 v8 h8 v16 h-8 v40 z' fill='%23000' fill-opacity='0.35'/%3E%3C!-- Cactus 2 --%3E%3Cpath d='M330 350 v-30 h-6 v-12 h6 v-6 h4 v6 h6 v12 h-6 v30 z' fill='%23000' fill-opacity='0.3'/%3E%3C!-- Clouds --%3E%3Cpath d='M130 280 h30 a8 8 0 0 0 0-16 h-4 a12 12 0 0 0-22 0 h-4 a8 8 0 0 0 0 16z' fill='%23000' fill-opacity='0.2'/%3E%3Cpath d='M380 290 h24 a6 6 0 0 0 0-12 h-3 a10 10 0 0 0-18 0 h-3 a6 6 0 0 0 0 12z' fill='%23000' fill-opacity='0.15'/%3E%3C!-- Ground line --%3E%3Cline x1='0' y1='370' x2='500' y2='370' stroke='%23000' stroke-opacity='0.25' stroke-width='1.5' stroke-dasharray='8,6'/%3E%3C!-- GAME OVER text --%3E%3Ctext x='170' y='420' fill='%23000' fill-opacity='0.5' font-family='monospace' font-size='18' font-weight='bold'%3EGAME OVER%3C/text%3E%3C!-- Score display --%3E%3Ctext x='340' y='420' fill='%23000' fill-opacity='0.35' font-family='monospace' font-size='12'%3EHI 99999%3C/text%3E%3C!-- More code snippets --%3E%3Ctext x='20' y='460' fill='%23000' fill-opacity='0.4' font-family='monospace' font-size='12'%3E%7B display: grid %7D%3C/text%3E%3Ctext x='280' y='475' fill='%23000' fill-opacity='0.35' font-family='monospace' font-size='11'%3Enpm run dev%3C/text%3E%3Ctext x='420' y='490' fill='%23000' fill-opacity='0.4' font-family='monospace' font-size='10'%3Egit push%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:500px 500px}[data-theme=terminal] .bg-pattern:after{background-image:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(74,222,128,.02) 2px,rgba(74,222,128,.02) 4px);mix-blend-mode:normal;opacity:1}.bg-pattern:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px;background-repeat:repeat;opacity:var(--grain-opacity);mix-blend-mode:overlay;transition:opacity .5s ease}main{width:100%;max-width:100%;height:100vh;height:100dvh;margin:0 auto;overflow:hidden!important;display:flex;flex-direction:column;container-type:inline-size;container-name:main-container;padding-top:70px;background:transparent!important}@media(min-width:768px){main{padding-top:100px}}.sections,.sections--cards{background:transparent!important}@media(max-width:767px){body{overflow-y:auto!important;overflow-x:hidden!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main{height:auto!important;min-height:100vh;overflow:visible!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary),sans-serif;font-weight:700;line-height:1.2;color:var(--color-text-primary)}h1{font-size:clamp(1.6rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}p{font-family:var(--font-primary),sans-serif;color:var(--color-text-secondary);line-height:1.6}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.flip-animating{transition:transform .45s cubic-bezier(.4,0,.2,1)!important;will-change:transform}.sections.flip-active{scroll-snap-type:none!important;scroll-behavior:auto!important}[data-i18n]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.i18n-exit{opacity:0;filter:blur(4px)}.i18n-exit--rtl{transform:translate(20px)}.i18n-exit--ltr{transform:translate(-20px)}.i18n-enter{opacity:0;filter:blur(4px);transition:none!important}.i18n-enter--rtl{transform:translate(20px)}.i18n-enter--ltr{transform:translate(-20px)}.i18n-enter-active{opacity:1;transform:translate(0);filter:blur(0);transition:transform .35s cubic-bezier(.175,.885,.32,1.1),opacity .35s cubic-bezier(.175,.885,.32,1.1),filter .35s cubic-bezier(.175,.885,.32,1.1)}@media(prefers-reduced-motion:reduce){[data-i18n]{transition:none!important}.i18n-exit,.i18n-enter,.i18n-enter-active{transform:none!important;filter:none!important;transition:none!important}}html[dir=rtl] .text-start{text-align:right}html[dir=rtl] .text-end,html[dir=ltr] .text-start{text-align:left}html[dir=ltr] .text-end{text-align:right}html[dir=ltr] .main-title h3,html[dir=ltr] .main-title p{font-size:.95em}html[dir=ltr] .description span{font-size:.9em}nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--nav-background);position:relative;height:fit-content;flex-shrink:0;width:100%;max-width:1200px;margin:0 auto}@media(min-width:768px){nav{height:fit-content;padding:15px 5%;justify-content:space-between}}header{width:100%;margin:0 auto;padding:0;z-index:9999;flex-shrink:0;position:fixed;top:0;left:0;right:0;min-height:60px;background-color:var(--color-background);transition:transform .3s ease,background-color .5s ease}.nav-prime{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;direction:ltr}@media(min-width:768px){.nav-prime{width:auto;justify-content:flex-start;gap:20px;direction:ltr}}.burger-menu{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px;border-radius:50%;position:fixed;inset:auto 24px 24px auto;width:56px;height:56px;background-color:#3c404c;box-shadow:0 4px 16px var(--color-shadow-active);z-index:10001}@media(min-width:768px){.burger-menu{display:none}}.burger-menu:hover{transform:scale(1.1) translateY(-2px);background-color:#4a4f5c;box-shadow:0 6px 20px var(--color-shadow-active)}.burger-menu .burger-line{width:24px;height:2px;background-color:#fff;border-radius:2px;transition:transform .3s ease,opacity .2s ease}.burger-menu.active{background-color:#2c2f38}.burger-menu.active .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-menu.active .burger-line:nth-child(2){opacity:0}.burger-menu.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.logo{display:flex;align-items:center;gap:10px;order:2;margin:0;width:fit-content}@media(min-width:768px){.logo{order:1;flex:0 0 auto}}.logo .logo-svg{height:42px;width:auto;filter:brightness(0) saturate(100%);transition:transform .3s ease,filter .5s ease}.logo .logo-svg:hover{transform:scale(1.05)}[data-theme=dark] .logo-svg,[data-theme=tea] .logo-svg,[data-theme=date] .logo-svg{filter:brightness(0) invert(1)!important}[data-theme=desert] .logo-svg{filter:brightness(0) sepia(1) hue-rotate(-15deg) saturate(3) brightness(.4)!important}@media(max-width:768px){.logo-svg{height:28px}}.drawing-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:9995;pointer-events:none;opacity:1}.theme-toggle{background:none;border:none;font-family:inherit;font-size:inherit;display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--color-background);border:1.5px solid var(--nav-border);border-radius:99px;color:var(--nav-text);font-family:var(--font-primary),sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);order:4;white-space:nowrap;position:relative;overflow:visible}@media(min-width:768px){.theme-toggle{order:3;font-size:14px;padding:8px 20px}}.theme-toggle:hover{background:var(--color-primary);color:var(--color-background);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}.theme-toggle i{font-size:16px;transition:transform .5s ease}.theme-toggle .steam-container{position:absolute;top:-2px;right:10px;display:flex;gap:3px;pointer-events:none}@media(min-width:768px){.theme-toggle .steam-container{right:14px}}.theme-toggle .steam{display:block;width:4px;height:8px;border-radius:50%;background:#8b6914;opacity:0}[data-theme=dark] .theme-toggle .steam{background:#7ab648}[data-theme=tea] .theme-toggle .steam{background:#d97706}[data-theme=date] .theme-toggle .steam{background:#c2410c}[data-theme=desert] .theme-toggle .steam{background:#fdf5e6}.theme-toggle:hover .steam{animation:steam-rise 1.4s ease-in-out infinite}.theme-toggle:hover .steam:nth-child(2){animation-delay:.35s;animation-duration:1.6s}.theme-toggle:hover .steam:nth-child(3){animation-delay:.7s;animation-duration:1.2s}[data-theme=dark] .theme-toggle:hover .steam{animation-duration:1.8s}[data-theme=dark] .theme-toggle:hover .steam:nth-child(2){animation-duration:2s}[data-theme=dark] .theme-toggle:hover .steam:nth-child(3){animation-duration:1.6s}[data-theme=tea] .theme-toggle:hover .steam{animation-duration:2.2s}[data-theme=tea] .theme-toggle:hover .steam:nth-child(2){animation-duration:2.5s}[data-theme=tea] .theme-toggle:hover .steam:nth-child(3){animation-duration:2s}[data-theme=date] .theme-toggle:hover .steam{animation-duration:2.8s}[data-theme=date] .theme-toggle:hover .steam:nth-child(2){animation-duration:3s}[data-theme=date] .theme-toggle:hover .steam:nth-child(3){animation-duration:2.5s}.theme-toggle.steaming .steam{animation:steam-burst .9s ease-out forwards!important}.theme-toggle.steaming .steam:nth-child(2){animation-delay:.1s!important;animation-duration:.8s!important}.theme-toggle.steaming .steam:nth-child(3){animation-delay:.2s!important;animation-duration:.7s!important}@keyframes steam-rise{0%{opacity:0;transform:translateY(0) translate(0) scale(.5)}20%{opacity:.85}50%{opacity:.55;transform:translateY(-12px) translate(2px) scale(1)}75%{opacity:.25}to{opacity:0;transform:translateY(-22px) translate(-1px) scale(1.3)}}@keyframes steam-burst{0%{opacity:.9;transform:translateY(0) scale(.8)}40%{opacity:.6;transform:translateY(-14px) translate(3px) scale(1.4)}to{opacity:0;transform:translateY(-28px) translate(-2px) scale(1.8)}}.terminal-fab{background:none;border:none;font-family:inherit;font-size:inherit;display:flex;align-items:center;justify-content:center;position:fixed;bottom:24px;left:24px;width:48px;height:48px;background:#161b22;border:1.5px solid #30363d;border-radius:50%;color:#8b949e;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10001;box-shadow:0 2px 12px #0000004d}@media(min-width:768px){.terminal-fab{bottom:32px;left:32px;width:52px;height:52px}}.terminal-fab i{font-size:20px;transition:all .3s ease}@media(min-width:768px){.terminal-fab i{font-size:22px}}.terminal-fab:hover{border-color:#4ade80;color:#4ade80;transform:translateY(-2px);box-shadow:0 4px 16px #0006}.terminal-fab.terminal-active{background:#4ade80;color:#0d1117;border-color:#4ade80;box-shadow:0 2px 16px #4ade8040}.terminal-fab.terminal-active:hover{background:#22c55e;box-shadow:0 4px 20px #4ade8059}[data-theme=terminal] .logo-svg{filter:brightness(0) invert(1)!important}[data-theme=terminal] .lang .lang-pill,[data-theme=terminal] .lang-switcher{border-color:#30363d}[data-theme=terminal] .nav-link:hover{background-color:#4ade8014}[data-theme=terminal] .nav-link:hover:after{background-color:var(--color-text-secondary)}@media(max-width:767px){[data-theme=terminal] .nav-links{background-color:var(--color-night-gray)}}.lang-switcher{display:flex;padding:2px;width:fit-content;order:3;position:relative;border:1px solid rgba(0,0,0,.39);border-radius:99px;direction:ltr}@media(min-width:768px){.lang-switcher{order:2}}.lang-switcher .lang-pill{position:absolute;top:2px;bottom:2px;left:0;width:0;border-radius:99px;background-color:var(--nav-background);border:1.5px solid rgba(0,0,0,.39);transition:left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1);z-index:0}.lang-switcher button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;font-size:14px;color:var(--nav-text);padding:3px 12px;border-radius:99px;position:relative;z-index:1;opacity:.5;transition:all .2s ease}.lang-switcher button.active{opacity:1}.lang-switcher button:not(.active):hover{animation:lang-morph .5s ease}@keyframes lang-morph{0%{filter:blur(0);opacity:.5}35%{filter:blur(3px);opacity:.3}to{filter:blur(0);opacity:.8}}.lang-nudge{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(6px);white-space:nowrap;font-size:12px;font-weight:500;font-family:var(--font-primary),sans-serif;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:99px;padding:5px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 12px var(--color-shadow);opacity:0;pointer-events:none;z-index:10;transition:opacity .4s ease,transform .4s cubic-bezier(.175,.885,.32,1.1)}.lang-nudge:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--color-border)}.lang-nudge.visible{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.lang-switcher button:not(.active):hover{animation:none}.lang-nudge{transition:none}}.mobile-menu-close-wrapper{position:absolute;list-style:none}.mobile-menu-close{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;position:absolute;top:16px;right:20px;background:var(--color-shadow);font-size:24px;color:var(--nav-text);padding:8px;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1001}@media(min-width:768px){.mobile-menu-close{display:none!important}}.mobile-menu-close:hover{background-color:var(--color-shadow-hover);transform:rotate(90deg)}.nav-links{position:fixed;bottom:-100%;left:0;right:0;width:100%;background-color:var(--color-background);display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;border-radius:24px 24px 0 0;padding:32px 24px 40px;box-shadow:0 -8px 32px var(--color-shadow-active);transition:bottom .4s cubic-bezier(.25,.46,.45,.94);z-index:999}[data-theme=dark] .nav-links,[data-theme=tea] .nav-links,[data-theme=date] .nav-links,[data-theme=desert] .nav-links{background-color:var(--color-night-gray)}.nav-links.active{bottom:0}@media(min-width:768px){.nav-links{position:relative;bottom:auto;width:fit-content;flex-direction:row;gap:20px;border:2px solid var(--nav-border);border-radius:99px;padding:8px 24px;background-color:transparent;box-shadow:none}}.nav-links .nav-active-pill{display:none}@media(min-width:768px){.nav-links .nav-active-pill{display:block;position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:99px;background:var(--color-primary);opacity:.12;transition:left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:0;pointer-events:none}}.nav-links .nav-link{font-family:var(--font-primary),sans-serif;text-decoration:none;font-size:18px;color:var(--nav-text);display:block;text-align:center;padding:12px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}@media(min-width:768px){.nav-links .nav-link{font-size:16px;padding:10px 24px;border-radius:99px}}.nav-links .nav-link:after{content:"";position:absolute;bottom:6px;left:50%;width:0;height:2px;background-color:#8e8e93;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav-links .nav-link.active{color:var(--color-primary)}.nav-links .nav-link.active:after{width:60%;background-color:var(--color-primary);opacity:.7}.nav-links .nav-link:hover{color:var(--nav-text);background-color:#00000014}[data-theme=dark] .nav-links .nav-link:hover{background-color:#ffffff1a}[data-theme=dark] .nav-links .nav-link:hover:after{background-color:var(--color-text-secondary)}[data-theme=tea] .nav-links .nav-link:hover{background-color:#ffffff1a}[data-theme=tea] .nav-links .nav-link:hover:after{background-color:var(--color-text-secondary)}[data-theme=date] .nav-links .nav-link:hover{background-color:#ffffff1a}[data-theme=date] .nav-links .nav-link:hover:after{background-color:var(--color-text-secondary)}[data-theme=desert] .nav-links .nav-link:hover{background-color:#ffffff1a}[data-theme=desert] .nav-links .nav-link:hover:after{background-color:var(--color-text-secondary)}.nav-links .nav-link:hover:after{width:80%}@media(max-width:767px){.nav-links>li:not(.mobile-menu-close-wrapper){opacity:0;transform:translateY(20px)}.nav-links.active>li:not(.mobile-menu-close-wrapper){animation:nav-stagger-in .35s cubic-bezier(.22,1,.36,1) forwards}.nav-links.active>li:not(.mobile-menu-close-wrapper):nth-child(2){animation-delay:.06s}.nav-links.active>li:not(.mobile-menu-close-wrapper):nth-child(3){animation-delay:.12s}.nav-links.active>li:not(.mobile-menu-close-wrapper):nth-child(4){animation-delay:.18s}.nav-links.active>li:not(.mobile-menu-close-wrapper):nth-child(5){animation-delay:.24s}.nav-links.closing>li:not(.mobile-menu-close-wrapper){animation:none!important;opacity:0!important;transform:translateY(10px)!important;transition:opacity .15s ease,transform .15s ease}.nav-links.closing>li:not(.mobile-menu-close-wrapper):nth-child(5){transition-delay:0s}.nav-links.closing>li:not(.mobile-menu-close-wrapper):nth-child(4){transition-delay:.04s}.nav-links.closing>li:not(.mobile-menu-close-wrapper):nth-child(3){transition-delay:.08s}.nav-links.closing>li:not(.mobile-menu-close-wrapper):nth-child(2){transition-delay:.12s}}@keyframes nav-stagger-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);z-index:998}.nav-overlay.active{display:block}.card-1{border-radius:28px;width:fit-content;padding-bottom:24px}[data-theme=dark] .card-1 .background{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:5px 5px #0006}[data-theme=dark] .card-1 .background .container-top .main-title{background:var(--color-primary);box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)}[data-theme=dark] .card-1 .background .container-top .main-title h3{color:var(--color-text-inverse)}[data-theme=dark] .card-1 .background .container-top .subtitle .work-tag{background:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=dark] .card-1 .background .container-top .subtitle .work-tag span{color:var(--color-text-primary)}[data-theme=dark] .card-1 .background .container-middle .about-me{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}[data-theme=dark] .card-1 .background .container-middle .about-me .parts{background:#0003}[data-theme=dark] .card-1 .background .container-middle .about-me .parts span{color:var(--color-text-primary)}[data-theme=dark] .card-1 .background .container-middle .about-me .part svg{filter:brightness(0) invert(1)}[data-theme=dark] .card-1 .background .container-middle .description span{color:var(--color-text-primary)}[data-theme=dark] .card-1 .background .footer .trusted-by{color:var(--color-text-secondary)}[data-theme=dark] .card-1 .background .footer .logo-container .logo-scroll-track picture img{filter:grayscale(1) invert(.5) sepia(1) saturate(5) hue-rotate(10deg) brightness(.9);opacity:.8}[data-theme=dark] .card-1 .background .footer .logo-container .logo-scroll-track picture img:hover{filter:none!important}[data-theme=tea] .card-1 .background{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:5px 5px #0006}[data-theme=tea] .card-1 .background .container-top .main-title{background:var(--color-primary);box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)}[data-theme=tea] .card-1 .background .container-top .main-title h3{color:var(--color-text-inverse)}[data-theme=tea] .card-1 .background .container-top .subtitle .work-tag{background:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=tea] .card-1 .background .container-top .subtitle .work-tag span{color:var(--color-text-primary)}[data-theme=tea] .card-1 .background .container-middle .about-me{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}[data-theme=tea] .card-1 .background .container-middle .about-me .parts{background:#0003}[data-theme=tea] .card-1 .background .container-middle .about-me .parts span{color:var(--color-text-primary)}[data-theme=tea] .card-1 .background .container-middle .about-me .part svg{filter:brightness(0) invert(1)}[data-theme=tea] .card-1 .background .container-middle .description span{color:var(--color-text-primary)}[data-theme=tea] .card-1 .background .footer .trusted-by{color:var(--color-text-secondary)}[data-theme=tea] .card-1 .background .footer .logo-container .logo-scroll-track picture img{filter:grayscale(1) invert(.5) sepia(1) saturate(5) hue-rotate(60deg) brightness(.9);opacity:.8}[data-theme=tea] .card-1 .background .footer .logo-container .logo-scroll-track picture img:hover{filter:none!important}[data-theme=date] .card-1 .background{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:5px 5px #0006}[data-theme=date] .card-1 .background .container-top .main-title{background:var(--color-primary);box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)}[data-theme=date] .card-1 .background .container-top .main-title h3{color:var(--color-text-inverse)}[data-theme=date] .card-1 .background .container-top .subtitle .work-tag{background:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=date] .card-1 .background .container-top .subtitle .work-tag span{color:var(--color-text-primary)}[data-theme=date] .card-1 .background .container-middle .about-me{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}[data-theme=date] .card-1 .background .container-middle .about-me .parts{background:#0003}[data-theme=date] .card-1 .background .container-middle .about-me .parts span{color:var(--color-text-primary)}[data-theme=date] .card-1 .background .container-middle .about-me .part svg{filter:brightness(0) invert(1)}[data-theme=date] .card-1 .background .container-middle .description span{color:var(--color-text-primary)}[data-theme=date] .card-1 .background .footer .trusted-by{color:var(--color-text-secondary)}[data-theme=date] .card-1 .background .footer .logo-container .logo-scroll-track picture img{filter:grayscale(1) invert(.4) sepia(1) saturate(8) hue-rotate(-10deg) brightness(.8);opacity:.8}[data-theme=date] .card-1 .background .footer .logo-container .logo-scroll-track picture img:hover{filter:none!important}[data-theme=desert] .card-1 .background{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:5px 5px #0006}[data-theme=desert] .card-1 .background .container-top .main-title{background:var(--color-primary);box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)}[data-theme=desert] .card-1 .background .container-top .main-title h3,[data-theme=desert] .card-1 .background .container-top .main-title h1{color:var(--color-text-inverse)!important}[data-theme=desert] .card-1 .background .container-top .subtitle .work-tag{background:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=desert] .card-1 .background .container-top .subtitle .work-tag span{color:var(--color-text-primary)}[data-theme=desert] .card-1 .background .container-middle .about-me{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}[data-theme=desert] .card-1 .background .container-middle .about-me .parts{background:#0003}[data-theme=desert] .card-1 .background .container-middle .about-me .parts span{color:var(--color-text-inverse)}[data-theme=desert] .card-1 .background .container-middle .about-me .part svg{filter:brightness(0) invert(1)}[data-theme=desert] .card-1 .background .container-middle .description span{color:var(--color-text-primary)}[data-theme=desert] .card-1 .background .footer .trusted-by{color:var(--color-text-secondary)}[data-theme=desert] .card-1 .background .footer .logo-container .logo-scroll-track picture img{filter:grayscale(1) sepia(1) saturate(5) hue-rotate(-20deg) brightness(.6);opacity:.7}[data-theme=desert] .card-1 .background .footer .logo-container .logo-scroll-track picture img:hover{filter:none!important}[data-theme=terminal] .card-1 .background{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:5px 5px #4ade8026}[data-theme=terminal] .card-1 .background .container-top .main-title{background:var(--color-primary);box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)}[data-theme=terminal] .card-1 .background .container-top .main-title h1{color:var(--color-text-inverse)!important}[data-theme=terminal] .card-1 .background .container-top .subtitle .work-tag{background:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=terminal] .card-1 .background .container-top .subtitle .work-tag span{color:var(--color-text-primary)}[data-theme=terminal] .card-1 .background .container-middle .about-me{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}[data-theme=terminal] .card-1 .background .container-middle .about-me .parts{background:#0003}[data-theme=terminal] .card-1 .background .container-middle .about-me .parts span{color:var(--color-text-inverse)}[data-theme=terminal] .card-1 .background .container-middle .about-me .part svg{filter:brightness(0) invert(1)}[data-theme=terminal] .card-1 .background .container-middle .description span{color:var(--color-text-primary)}[data-theme=terminal] .card-1 .background .footer .trusted-by{color:var(--color-text-secondary)}[data-theme=terminal] .card-1 .background .footer .logo-container .logo-scroll-track picture img{filter:grayscale(1) invert(.6) sepia(1) saturate(6) hue-rotate(80deg) brightness(.9);opacity:.9}[data-theme=terminal] .card-1 .background .footer .logo-container .logo-scroll-track picture img:hover{filter:none!important}.card-1 .background{display:flex;flex-direction:column;width:fit-content;height:fit-content;padding:32px;align-items:flex-start;background:#dfdbea;gap:10px;border-radius:28px;border:2px solid #1d1d1f;box-shadow:5px 5px #1d1d1f}.card-1 .background .container-top{display:flex;width:fit-content;padding:46px 13px 16px 0;flex-direction:column;align-items:flex-start;gap:32px;flex-shrink:0}.card-1 .background .container-top .main-title{display:flex;height:fit-content;width:fit-content;padding:8px 21px;justify-content:center;align-items:flex-end;gap:10px;align-self:stretch;border-radius:3px;background:#c8b6ff;box-shadow:2px 0 #c8b6ff,-2px 0 #c8b6ff,0 2px #c8b6ff,0 -2px #c8b6ff,3px 1px #c8b6ff,-3px -1px #c8b6ff}.card-1 .background .container-top .main-title h3{color:#1a1a1a;text-align:center;font-family:var(--font-primary);text-wrap:nowrap;font-style:normal;font-weight:700;line-height:1.4;letter-spacing:-.96px}.card-1 .background .container-top .subtitle{display:flex;flex-direction:row;align-items:flex-end;gap:44.491px}.card-1 .background .container-top .subtitle .work-tag{display:flex;padding:13px 37px;justify-content:center;align-items:center;gap:10px;border-radius:100px;border:1px solid rgba(0,0,0,.06);background:#00000014;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-1 .background .container-top .subtitle .work-tag span{color:#1a1a1a;text-align:center;font-family:var(--font-primary);font-size:20px;font-style:normal;font-weight:500;letter-spacing:.15px}.card-1 .background .container-middle{width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:32px}.card-1 .background .container-middle .about-me{display:flex;flex-direction:row;width:100%;max-width:426px;height:auto;align-items:center;gap:16px;border-radius:12px;padding:8px 16px;background:linear-gradient(180deg,#987187,#a97f86);box-shadow:0 4px 15px var(--color-shadow)}.card-1 .background .container-middle .about-me .parts{display:flex;width:100%;max-width:146px;height:auto;padding:6px 10px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:12px;background:#fff3}.card-1 .background .container-middle .about-me .parts span{color:#ffffffb3;text-align:center;font-family:var(--font-primary);font-size:18px;font-style:normal;font-weight:800;letter-spacing:.191px}.card-1 .background .container-middle .about-me .part{width:fit-content;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.card-1 .background .container-middle .about-me .part svg{width:54px;height:38px;flex-shrink:0}.card-1 .background .container-middle .description{width:100%;height:fit-content;display:flex;flex-direction:column;gap:14px;align-items:flex-end}.card-1 .background .container-middle .description span{color:#2d3e51;font-family:Playpen Sans Arabic,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:1.3;text-align:center;letter-spacing:-.96px}.card-1 .background .footer{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;padding-top:32px}.card-1 .background .footer .trusted-by{font-family:var(--font-primary);font-size:20px;font-style:normal;font-weight:600;line-height:25.6px;text-transform:uppercase;color:#8e8e93;opacity:.8;text-align:center;white-space:nowrap;margin:0}.card-1 .background .footer .logo-container{width:100%;height:100px;overflow:hidden;position:relative;padding-top:16px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.card-1 .background .footer .logo-container .logo-scroll-track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px;animation:logo-scroll-vertical-new 20s linear infinite}.card-1 .background .footer .logo-container .logo-scroll-track picture{display:flex;align-items:center;justify-content:center;height:38px;width:100%}.card-1 .background .footer .logo-container .logo-scroll-track picture.logo-sq img{height:115%;width:auto}.card-1 .background .footer .logo-container .logo-scroll-track picture img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1) brightness(.5);opacity:.7;transition:all .3s ease}.card-1 .background .footer .logo-container .logo-scroll-track picture img:hover{filter:none!important;opacity:1;transform:scale(1.1)}@container main-container (min-width: 500px){.card-1 .background{width:clamp(420px,30vw,520px);aspect-ratio:3/4.2;height:auto;justify-content:space-between;padding:clamp(24px,3vw,40px);align-items:stretch}.card-1 .background .container-top{width:fit-content;padding:clamp(8px,2vw,24px) clamp(4px,.8vw,10px) clamp(4px,1vw,12px) 0;gap:clamp(10px,2vw,20px);align-items:center}.card-1 .background .container-top .main-title{width:fit-content;padding:clamp(3px,.5vw,6px) clamp(8px,1.2vw,16px)}.card-1 .background .container-top .main-title h3{font-size:clamp(20px,3vw,32px);line-height:1.3;letter-spacing:-.5px}.card-1 .background .container-top .subtitle{gap:clamp(10px,2vw,28px);width:100%;justify-content:center;flex-wrap:wrap}.card-1 .background .container-top .subtitle .work-tag{padding:clamp(6px,.8vw,10px) clamp(14px,2vw,24px)}.card-1 .background .container-top .subtitle .work-tag span{font-size:clamp(11px,1.2vw,14px);line-height:1.2}.card-1 .background .container-middle{gap:clamp(12px,2vw,20px);width:100%}.card-1 .background .container-middle .about-me{width:clamp(200px,70%,320px);height:fit-content;padding:clamp(6px,1vw,10px);gap:clamp(6px,1vw,12px)}.card-1 .background .container-middle .about-me .parts{width:clamp(70px,28%,110px);height:fit-content;min-height:clamp(80px,12vh,120px);padding:clamp(4px,.8vw,6px)}.card-1 .background .container-middle .about-me .parts span{font-size:clamp(11px,1.2vw,14px);letter-spacing:.1px}.card-1 .background .container-middle .about-me .part{padding-left:clamp(4px,1vw,10px)}.card-1 .background .container-middle .about-me .part svg{width:clamp(30px,4vw,45px);height:clamp(20px,2.8vw,32px)}.card-1 .background .container-middle .description{width:100%;gap:clamp(4px,1vw,10px);align-items:center}.card-1 .background .container-middle .description span{font-size:clamp(16px,2.2vw,26px);line-height:clamp(28px,5vw,50px);text-align:center;letter-spacing:-.5px}.card-1 .background .footer{gap:clamp(8px,1.5vw,16px);padding-top:clamp(10px,2vw,20px);align-items:center;width:100%}.card-1 .background .footer .trusted-by{font-size:clamp(11px,1.2vw,14px);line-height:1.2;margin:0}.card-1 .background .footer .logo-container{height:clamp(75px,10vw,100px);padding-top:clamp(8px,1.5vw,16px)}.card-1 .background .footer .logo-container .logo-scroll-track{grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,24px) clamp(16px,3vw,32px)}.card-1 .background .footer .logo-container .logo-scroll-track picture{height:clamp(24px,3.5vw,38px)}}@container main-container (min-width: 500px) and (max-width: 799px){.card-1 .background{width:fit-content;height:auto;aspect-ratio:800/1122.4;padding:clamp(16px,4vw,32px);align-items:center}.card-1 .background .container-top{width:fit-content;padding:clamp(24px,4vw,32px) clamp(6px,1vw,8px) clamp(60px,10vw,80px) 0;gap:clamp(20px,3vw,24px);align-items:center}.card-1 .background .container-top .main-title{width:fit-content;padding:clamp(6px,.75vw,8px) clamp(16px,2.1vw,21px)}.card-1 .background .container-top .main-title p{font-size:clamp(32px,5vw,40px);line-height:1.4;letter-spacing:-.64px}.card-1 .background .container-top .subtitle{gap:clamp(20px,3vw,24px);width:100%;justify-content:center;flex-wrap:wrap}.card-1 .background .container-top .subtitle .work-tag{padding:clamp(10px,1.3vw,13px) clamp(28px,3.7vw,37px)}.card-1 .background .container-top .subtitle .work-tag span{font-size:clamp(16px,2vw,20px);line-height:1.2}.card-1 .background .container-middle{gap:clamp(24px,4vw,32px);width:fit-content}.card-1 .background .container-middle .about-me{width:clamp(320px,90%,426px);height:fit-content;aspect-ratio:426/180;padding:clamp(8px,1.5vw,12px);gap:clamp(12px,2vw,16px)}.card-1 .background .container-middle .about-me .parts{width:clamp(110px,34.3%,146px);height:fit-content;aspect-ratio:146/160;padding:clamp(6px,1vw,8px)}.card-1 .background .container-middle .about-me .parts span{font-size:clamp(16px,2.35vw,20px);letter-spacing:.15px}.card-1 .background .container-middle .about-me .part{padding-left:clamp(8px,2vw,16px)}.card-1 .background .container-middle .about-me .part svg{width:clamp(45px,6.5vw,54px);height:clamp(31.5px,4.55vw,37.8px)}.card-1 .background .container-middle .description{width:clamp(300px,90%,466px);gap:clamp(12px,2vw,16px);align-items:center}.card-1 .background .container-middle .description span{font-size:clamp(28px,4.5vw,36px);line-height:clamp(50px,10.8vw,86.4px);text-align:center;letter-spacing:-.72px}.card-1 .background .footer{gap:clamp(16px,3vw,24px);padding-top:clamp(24px,4vw,32px);align-items:start;width:100%}.card-1 .background .footer .trusted-by{font-size:clamp(18px,2.5vw,20px);line-height:1.28;margin:0}.card-1 .background .footer .logo-container{height:clamp(90px,14vw,110px);padding-top:clamp(12px,2.5vw,24px)}.card-1 .background .footer .logo-container .logo-scroll-track{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,28px) clamp(20px,4vw,40px)}.card-1 .background .footer .logo-container .logo-scroll-track picture{height:clamp(30px,4.5vw,42px)}}@container main-container (max-width: 499px){.card-1 .background{width:100%;height:100%;border-radius:24px;padding:24px;background:#dfdbea;overflow-y:visible}.card-1 .background .container-top{width:100%;padding:0;gap:16px;align-items:center;height:fit-content;flex-direction:column;margin:0}.card-1 .background .container-top .main-title{padding:6px 16px;width:100%;margin-top:24px}.card-1 .background .container-top .main-title p{font-size:25px;line-height:1.4}.card-1 .background .container-top .subtitle{gap:16px;flex-wrap:nowrap;width:100%;justify-content:center}.card-1 .background .container-top .subtitle .work-tag{width:50%;text-wrap:nowrap;padding:10px 18px}.card-1 .background .container-top .subtitle .work-tag span{font-size:16px}.card-1 .background .container-middle{margin-top:16px}.card-1 .background .container-middle .about-me{width:100%;max-width:344px;height:fit-content;padding:8px 12px;gap:8px}.card-1 .background .container-middle .about-me .part{padding-left:clamp(6px,1.5vw,12px)}.card-1 .background .container-middle .about-me .part svg{width:clamp(35px,12.3vw,48.483px);height:clamp(24.5px,8.6vw,33.916px)}.card-1 .background .container-middle .about-me .parts{width:40%;height:fit-content;padding:8px}.card-1 .background .container-middle .about-me .parts span{font-size:16px}.card-1 .background .container-middle .description{width:100%;height:fit-content;gap:8px;align-items:center;text-align:center}.card-1 .background .container-middle .description span{font-size:28px;line-height:1.8}.card-1 .background .footer{width:100%;padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.card-1 .background .footer .trusted-by{font-size:14px}.card-1 .background .footer .logo-container{height:90px;padding-top:12px}.card-1 .background .footer .logo-container .logo-scroll-track{grid-template-columns:repeat(3,1fr);gap:16px 20px}.card-1 .background .footer .logo-container .logo-scroll-track picture{height:24px}}.card-2,.card-6,.card-4,.card-3{padding-bottom:24px}[data-theme=terminal] .card-2 .frame-section,[data-theme=terminal] .card-6 .frame-section,[data-theme=terminal] .card-4 .frame-section,[data-theme=terminal] .card-3 .frame-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #4ade8026!important}[data-theme=terminal] .card-2 .frame-section .head-title,[data-theme=terminal] .card-6 .frame-section .head-title,[data-theme=terminal] .card-4 .frame-section .head-title,[data-theme=terminal] .card-3 .frame-section .head-title{background:var(--color-primary)!important;box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)!important}[data-theme=terminal] .card-2 .frame-section .head-title h3,[data-theme=terminal] .card-6 .frame-section .head-title h3,[data-theme=terminal] .card-4 .frame-section .head-title h3,[data-theme=terminal] .card-3 .frame-section .head-title h3{color:var(--color-text-inverse)!important}[data-theme=terminal] .card-2 .frame-section .tags,[data-theme=terminal] .card-6 .frame-section .tags,[data-theme=terminal] .card-4 .frame-section .tags,[data-theme=terminal] .card-3 .frame-section .tags{background:#4ade801a!important;border-color:var(--color-border)!important}[data-theme=terminal] .card-2 .frame-section .tags .label,[data-theme=terminal] .card-6 .frame-section .tags .label,[data-theme=terminal] .card-4 .frame-section .tags .label,[data-theme=terminal] .card-3 .frame-section .tags .label,[data-theme=terminal] .card-2 .frame-section .project-slogan h5,[data-theme=terminal] .card-6 .frame-section .project-slogan h5,[data-theme=terminal] .card-4 .frame-section .project-slogan h5,[data-theme=terminal] .card-3 .frame-section .project-slogan h5{color:var(--color-text-primary)!important}[data-theme=terminal] .card-2 .frame-section .project-image,[data-theme=terminal] .card-6 .frame-section .project-image,[data-theme=terminal] .card-4 .frame-section .project-image,[data-theme=terminal] .card-3 .frame-section .project-image{background:var(--color-surface-alt)!important;border:1px solid var(--color-border)}[data-theme=terminal] .card-2 .frame-section .project-info,[data-theme=terminal] .card-6 .frame-section .project-info,[data-theme=terminal] .card-4 .frame-section .project-info,[data-theme=terminal] .card-3 .frame-section .project-info,[data-theme=terminal] .card-2 .frame-section .project-info h4,[data-theme=terminal] .card-6 .frame-section .project-info h4,[data-theme=terminal] .card-4 .frame-section .project-info h4,[data-theme=terminal] .card-3 .frame-section .project-info h4{color:var(--color-text-primary)!important}[data-theme=dark] .card-2 .frame-section,[data-theme=dark] .card-6 .frame-section,[data-theme=dark] .card-4 .frame-section,[data-theme=dark] .card-3 .frame-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #0006!important}[data-theme=dark] .card-2 .frame-section .head-title,[data-theme=dark] .card-6 .frame-section .head-title,[data-theme=dark] .card-4 .frame-section .head-title,[data-theme=dark] .card-3 .frame-section .head-title{background:var(--color-primary)!important;box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)!important}[data-theme=dark] .card-2 .frame-section .head-title h3,[data-theme=dark] .card-6 .frame-section .head-title h3,[data-theme=dark] .card-4 .frame-section .head-title h3,[data-theme=dark] .card-3 .frame-section .head-title h3{color:var(--color-text-inverse)!important}[data-theme=dark] .card-2 .frame-section .tags,[data-theme=dark] .card-6 .frame-section .tags,[data-theme=dark] .card-4 .frame-section .tags,[data-theme=dark] .card-3 .frame-section .tags{background:#c6864226!important;border-color:var(--color-border)!important}[data-theme=dark] .card-2 .frame-section .tags .label,[data-theme=dark] .card-6 .frame-section .tags .label,[data-theme=dark] .card-4 .frame-section .tags .label,[data-theme=dark] .card-3 .frame-section .tags .label,[data-theme=dark] .card-2 .frame-section .project-slogan h5,[data-theme=dark] .card-6 .frame-section .project-slogan h5,[data-theme=dark] .card-4 .frame-section .project-slogan h5,[data-theme=dark] .card-3 .frame-section .project-slogan h5{color:var(--color-text-primary)!important}[data-theme=dark] .card-2 .frame-section .project-image,[data-theme=dark] .card-6 .frame-section .project-image,[data-theme=dark] .card-4 .frame-section .project-image,[data-theme=dark] .card-3 .frame-section .project-image{background:var(--color-surface-alt)!important;border:1px solid var(--color-border)}[data-theme=dark] .card-2 .frame-section .project-info,[data-theme=dark] .card-6 .frame-section .project-info,[data-theme=dark] .card-4 .frame-section .project-info,[data-theme=dark] .card-3 .frame-section .project-info,[data-theme=dark] .card-2 .frame-section .project-info h4,[data-theme=dark] .card-6 .frame-section .project-info h4,[data-theme=dark] .card-4 .frame-section .project-info h4,[data-theme=dark] .card-3 .frame-section .project-info h4{color:var(--color-text-primary)!important}[data-theme=tea] .card-2 .frame-section,[data-theme=tea] .card-6 .frame-section,[data-theme=tea] .card-4 .frame-section,[data-theme=tea] .card-3 .frame-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #0006!important}[data-theme=tea] .card-2 .frame-section .head-title,[data-theme=tea] .card-6 .frame-section .head-title,[data-theme=tea] .card-4 .frame-section .head-title,[data-theme=tea] .card-3 .frame-section .head-title{background:var(--color-primary)!important;box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)!important}[data-theme=tea] .card-2 .frame-section .head-title h3,[data-theme=tea] .card-6 .frame-section .head-title h3,[data-theme=tea] .card-4 .frame-section .head-title h3,[data-theme=tea] .card-3 .frame-section .head-title h3{color:var(--color-text-inverse)!important}[data-theme=tea] .card-2 .frame-section .tags,[data-theme=tea] .card-6 .frame-section .tags,[data-theme=tea] .card-4 .frame-section .tags,[data-theme=tea] .card-3 .frame-section .tags{background:#7ab64826!important;border-color:var(--color-border)!important}[data-theme=tea] .card-2 .frame-section .tags .label,[data-theme=tea] .card-6 .frame-section .tags .label,[data-theme=tea] .card-4 .frame-section .tags .label,[data-theme=tea] .card-3 .frame-section .tags .label,[data-theme=tea] .card-2 .frame-section .project-slogan h5,[data-theme=tea] .card-6 .frame-section .project-slogan h5,[data-theme=tea] .card-4 .frame-section .project-slogan h5,[data-theme=tea] .card-3 .frame-section .project-slogan h5{color:var(--color-text-primary)!important}[data-theme=tea] .card-2 .frame-section .project-image,[data-theme=tea] .card-6 .frame-section .project-image,[data-theme=tea] .card-4 .frame-section .project-image,[data-theme=tea] .card-3 .frame-section .project-image{background:var(--color-surface-alt)!important;border:1px solid var(--color-border)}[data-theme=tea] .card-2 .frame-section .project-info,[data-theme=tea] .card-6 .frame-section .project-info,[data-theme=tea] .card-4 .frame-section .project-info,[data-theme=tea] .card-3 .frame-section .project-info,[data-theme=tea] .card-2 .frame-section .project-info h4,[data-theme=tea] .card-6 .frame-section .project-info h4,[data-theme=tea] .card-4 .frame-section .project-info h4,[data-theme=tea] .card-3 .frame-section .project-info h4{color:var(--color-text-primary)!important}[data-theme=date] .card-2 .frame-section,[data-theme=date] .card-6 .frame-section,[data-theme=date] .card-4 .frame-section,[data-theme=date] .card-3 .frame-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #0006!important}[data-theme=date] .card-2 .frame-section .head-title,[data-theme=date] .card-6 .frame-section .head-title,[data-theme=date] .card-4 .frame-section .head-title,[data-theme=date] .card-3 .frame-section .head-title{background:var(--color-primary)!important;box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)!important}[data-theme=date] .card-2 .frame-section .head-title h3,[data-theme=date] .card-6 .frame-section .head-title h3,[data-theme=date] .card-4 .frame-section .head-title h3,[data-theme=date] .card-3 .frame-section .head-title h3{color:var(--color-text-inverse)!important}[data-theme=date] .card-2 .frame-section .tags,[data-theme=date] .card-6 .frame-section .tags,[data-theme=date] .card-4 .frame-section .tags,[data-theme=date] .card-3 .frame-section .tags{background:#d9770626!important;border-color:var(--color-border)!important}[data-theme=date] .card-2 .frame-section .tags .label,[data-theme=date] .card-6 .frame-section .tags .label,[data-theme=date] .card-4 .frame-section .tags .label,[data-theme=date] .card-3 .frame-section .tags .label,[data-theme=date] .card-2 .frame-section .project-slogan h5,[data-theme=date] .card-6 .frame-section .project-slogan h5,[data-theme=date] .card-4 .frame-section .project-slogan h5,[data-theme=date] .card-3 .frame-section .project-slogan h5{color:var(--color-text-primary)!important}[data-theme=date] .card-2 .frame-section .project-image,[data-theme=date] .card-6 .frame-section .project-image,[data-theme=date] .card-4 .frame-section .project-image,[data-theme=date] .card-3 .frame-section .project-image{background:var(--color-surface-alt)!important;border:1px solid var(--color-border)}[data-theme=date] .card-2 .frame-section .project-info,[data-theme=date] .card-6 .frame-section .project-info,[data-theme=date] .card-4 .frame-section .project-info,[data-theme=date] .card-3 .frame-section .project-info,[data-theme=date] .card-2 .frame-section .project-info h4,[data-theme=date] .card-6 .frame-section .project-info h4,[data-theme=date] .card-4 .frame-section .project-info h4,[data-theme=date] .card-3 .frame-section .project-info h4{color:var(--color-text-primary)!important}[data-theme=desert] .card-2 .frame-section,[data-theme=desert] .card-6 .frame-section,[data-theme=desert] .card-4 .frame-section,[data-theme=desert] .card-3 .frame-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #0006!important}[data-theme=desert] .card-2 .frame-section .head-title,[data-theme=desert] .card-6 .frame-section .head-title,[data-theme=desert] .card-4 .frame-section .head-title,[data-theme=desert] .card-3 .frame-section .head-title{background:var(--color-primary)!important;box-shadow:2px 0 0 0 var(--color-primary),-2px 0 0 0 var(--color-primary),0 2px 0 0 var(--color-primary),0 -2px 0 0 var(--color-primary),3px 1px 0 0 var(--color-primary),-3px -1px 0 0 var(--color-primary)!important}[data-theme=desert] .card-2 .frame-section .head-title h3,[data-theme=desert] .card-6 .frame-section .head-title h3,[data-theme=desert] .card-4 .frame-section .head-title h3,[data-theme=desert] .card-3 .frame-section .head-title h3,[data-theme=desert] .card-2 .frame-section .head-title h1,[data-theme=desert] .card-6 .frame-section .head-title h1,[data-theme=desert] .card-4 .frame-section .head-title h1,[data-theme=desert] .card-3 .frame-section .head-title h1{color:var(--color-text-inverse)!important}[data-theme=desert] .card-2 .frame-section .tags,[data-theme=desert] .card-6 .frame-section .tags,[data-theme=desert] .card-4 .frame-section .tags,[data-theme=desert] .card-3 .frame-section .tags{background:#c2410c26!important;border-color:var(--color-border)!important}[data-theme=desert] .card-2 .frame-section .tags .label,[data-theme=desert] .card-6 .frame-section .tags .label,[data-theme=desert] .card-4 .frame-section .tags .label,[data-theme=desert] .card-3 .frame-section .tags .label,[data-theme=desert] .card-2 .frame-section .project-slogan h5,[data-theme=desert] .card-6 .frame-section .project-slogan h5,[data-theme=desert] .card-4 .frame-section .project-slogan h5,[data-theme=desert] .card-3 .frame-section .project-slogan h5{color:var(--color-text-primary)!important}[data-theme=desert] .card-2 .frame-section .project-image,[data-theme=desert] .card-6 .frame-section .project-image,[data-theme=desert] .card-4 .frame-section .project-image,[data-theme=desert] .card-3 .frame-section .project-image{background:var(--color-surface-alt)!important;border:1px solid var(--color-border)}[data-theme=desert] .card-2 .frame-section .project-info,[data-theme=desert] .card-6 .frame-section .project-info,[data-theme=desert] .card-4 .frame-section .project-info,[data-theme=desert] .card-3 .frame-section .project-info,[data-theme=desert] .card-2 .frame-section .project-info h4,[data-theme=desert] .card-6 .frame-section .project-info h4,[data-theme=desert] .card-4 .frame-section .project-info h4,[data-theme=desert] .card-3 .frame-section .project-info h4{color:var(--color-text-primary)!important}.card-2 .frame-section,.card-6 .frame-section,.card-4 .frame-section,.card-3 .frame-section{width:fit-content;border-radius:28px;height:fit-content;padding:62px 24px 32px 48px;background:linear-gradient(180deg,#faf6f0,#f5ede3);display:flex;gap:32px;flex-direction:column;justify-content:flex-start;border:2px solid #1d1d1f;box-shadow:5px 5px #1d1d1f}.card-2 .frame-section .head-title,.card-6 .frame-section .head-title,.card-4 .frame-section .head-title,.card-3 .frame-section .head-title{display:flex;width:fit-content;height:88.509px;padding:8px 24px;justify-content:center;align-items:center;gap:10px;border-radius:3px;background:#ecdfcf;box-shadow:2px 0 #ecdfcf,-2px 0 #ecdfcf,0 2px #ecdfcf,0 -2px #ecdfcf,3px 1px #ecdfcf,-3px -1px #ecdfcf}.card-2 .frame-section .head-title h3,.card-6 .frame-section .head-title h3,.card-4 .frame-section .head-title h3,.card-3 .frame-section .head-title h3{color:#3a3228!important;text-align:center;font-family:var(--font-primary);font-size:48px;font-style:normal;font-weight:700;line-height:67.2px;letter-spacing:-.96px}.card-2 .frame-section .tags,.card-6 .frame-section .tags,.card-4 .frame-section .tags,.card-3 .frame-section .tags{display:flex;width:fit-content;max-width:100%;height:auto;padding:8px 24px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:#00000008;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-2 .frame-section .tags .label,.card-6 .frame-section .tags .label,.card-4 .frame-section .tags .label,.card-3 .frame-section .tags .label{color:#6b7280;text-align:center;font-family:var(--font-primary);font-size:15px;font-style:normal;font-weight:700;line-height:1.4;text-wrap:wrap}.card-2 .frame-section .project-slogan,.card-6 .frame-section .project-slogan,.card-4 .frame-section .project-slogan,.card-3 .frame-section .project-slogan{display:flex;width:fit-content;max-width:100%;padding:4px;flex-direction:column;align-items:flex-start;gap:8px}.card-2 .frame-section .project-slogan h4,.card-6 .frame-section .project-slogan h4,.card-4 .frame-section .project-slogan h4,.card-3 .frame-section .project-slogan h4{text-wrap:balance;background:none;color:#1d1d1f!important;text-align:start;font-family:var(--font-primary);font-size:36.258px;font-style:normal;font-weight:700;line-height:1.4;letter-spacing:-.725px}.card-2 .frame-section .project-image,.card-6 .frame-section .project-image,.card-4 .frame-section .project-image,.card-3 .frame-section .project-image{width:100%;height:372px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000026;position:relative;background:#f0ebe3}.card-2 .frame-section .project-image img,.card-6 .frame-section .project-image img,.card-4 .frame-section .project-image img,.card-3 .frame-section .project-image img{display:block;width:100%;height:100%;object-fit:cover}.card-2 .frame-section .project-info,.card-6 .frame-section .project-info,.card-4 .frame-section .project-info,.card-3 .frame-section .project-info{display:flex;width:100%;height:auto;flex-direction:column;justify-content:center;color:#1d1d1f!important;text-align:start;font-family:var(--font-primary);font-size:48px;font-style:normal;font-weight:700;line-height:1.4;letter-spacing:-.96px}.card-2 .frame-section .project-info h4,.card-6 .frame-section .project-info h4,.card-4 .frame-section .project-info h4,.card-3 .frame-section .project-info h4{color:#1d1d1f!important}@container main-container (min-width: 500px){.card-2 .frame-section,.card-6 .frame-section,.card-4 .frame-section,.card-3 .frame-section{width:clamp(420px,30vw,520px);aspect-ratio:3/4.2;height:auto;padding:clamp(20px,3cqi,32px);gap:16px;justify-content:space-between;overflow:hidden;border-radius:24px}.card-2 .frame-section .head-title,.card-6 .frame-section .head-title,.card-4 .frame-section .head-title,.card-3 .frame-section .head-title{height:auto;min-height:fit-content;padding:6px 16px}.card-2 .frame-section .head-title h3,.card-6 .frame-section .head-title h3,.card-4 .frame-section .head-title h3,.card-3 .frame-section .head-title h3{font-size:clamp(20px,4cqi,28px);line-height:1.2;white-space:normal;text-wrap:balance}.card-2 .frame-section .tags,.card-6 .frame-section .tags,.card-4 .frame-section .tags,.card-3 .frame-section .tags{padding:4px 12px;width:fit-content}.card-2 .frame-section .tags .label,.card-6 .frame-section .tags .label,.card-4 .frame-section .tags .label,.card-3 .frame-section .tags .label{font-size:clamp(10px,2cqi,13px)}.card-2 .frame-section .project-slogan h5,.card-6 .frame-section .project-slogan h5,.card-4 .frame-section .project-slogan h5,.card-3 .frame-section .project-slogan h5{font-size:clamp(16px,3cqi,22px);line-height:1.3;background:none;color:#1d1d1f}.card-2 .frame-section .project-image,.card-6 .frame-section .project-image,.card-4 .frame-section .project-image,.card-3 .frame-section .project-image{height:45%;flex:0 0 45%;border-radius:16px}.card-2 .frame-section .project-image img,.card-6 .frame-section .project-image img,.card-4 .frame-section .project-image img,.card-3 .frame-section .project-image img{width:100%;height:100%;object-fit:cover}.card-2 .frame-section .project-info,.card-6 .frame-section .project-info,.card-4 .frame-section .project-info,.card-3 .frame-section .project-info{width:100%;max-width:100%;min-height:fit-content}.card-2 .frame-section .project-info h4,.card-6 .frame-section .project-info h4,.card-4 .frame-section .project-info h4,.card-3 .frame-section .project-info h4{font-size:clamp(16px,3cqi,24px);line-height:1.2;white-space:normal;text-wrap:balance}}@container main-container (min-width: 350px) and (max-width: 499px){.card-2 .frame-section,.card-6 .frame-section,.card-4 .frame-section,.card-3 .frame-section{padding:clamp(16px,3vw,24px);gap:clamp(12px,2vw,16px);display:flex;flex-direction:column;align-items:flex-start;border-radius:20px}.card-2 .frame-section .head-title,.card-6 .frame-section .head-title,.card-4 .frame-section .head-title,.card-3 .frame-section .head-title{height:auto;min-height:40px;padding:clamp(4px,.5vw,6px) clamp(10px,1.5vw,14px)}.card-2 .frame-section .head-title h3,.card-6 .frame-section .head-title h3,.card-4 .frame-section .head-title h3,.card-3 .frame-section .head-title h3{font-size:clamp(18px,3vw,26px);line-height:1.3;letter-spacing:-.5px}.card-2 .frame-section .tags,.card-6 .frame-section .tags,.card-4 .frame-section .tags,.card-3 .frame-section .tags{width:fit-content;min-width:120px;padding:clamp(6px,1vw,10px) clamp(14px,2vw,20px)}.card-2 .frame-section .tags .label,.card-6 .frame-section .tags .label,.card-4 .frame-section .tags .label,.card-3 .frame-section .tags .label{font-size:clamp(10px,1.2vw,12px);line-height:1.6}.card-2 .frame-section .project-slogan h5,.card-6 .frame-section .project-slogan h5,.card-4 .frame-section .project-slogan h5,.card-3 .frame-section .project-slogan h5{font-size:clamp(28px,3.5vw,36.258px);line-height:clamp(50px,6.25vw,65.264px);letter-spacing:-.56px}.card-2 .frame-section .project-image,.card-6 .frame-section .project-image,.card-4 .frame-section .project-image,.card-3 .frame-section .project-image{height:clamp(280px,35vw,372px)}.card-2 .frame-section .project-info,.card-6 .frame-section .project-info,.card-4 .frame-section .project-info,.card-3 .frame-section .project-info{width:100%;max-width:466px;height:auto;min-height:120px;font-size:clamp(36px,4.5vw,48px);line-height:clamp(64px,8vw,86.4px);letter-spacing:-.72px;white-space:normal;text-wrap:wrap}.card-2 .frame-section .head-title h3,.card-6 .frame-section .head-title h3,.card-4 .frame-section .head-title h3,.card-3 .frame-section .head-title h3{white-space:normal;text-wrap:wrap}}@container main-container (max-width: 499px){.card-2 .frame-section,.card-6 .frame-section,.card-4 .frame-section,.card-3 .frame-section{padding:24px;gap:16px;text-wrap:wrap;align-items:flex-start;text-align:start;border-radius:24px}.card-2 .frame-section .head-title,.card-6 .frame-section .head-title,.card-4 .frame-section .head-title,.card-3 .frame-section .head-title{height:auto;min-height:60px;padding:6px 16px;width:100%}.card-2 .frame-section .head-title h3,.card-6 .frame-section .head-title h3,.card-4 .frame-section .head-title h3,.card-3 .frame-section .head-title h3{font-size:28px;line-height:1.4;letter-spacing:-.56px;white-space:normal;text-wrap:wrap;word-break:break-word}.card-2 .frame-section .tags,.card-6 .frame-section .tags,.card-4 .frame-section .tags,.card-3 .frame-section .tags{width:fit-content;min-width:fit-content;height:fit-content;padding:8px 13px}.card-2 .frame-section .tags .label,.card-6 .frame-section .tags .label,.card-4 .frame-section .tags .label,.card-3 .frame-section .tags .label{font-size:12px;line-height:1.6}.card-2 .frame-section .project-slogan,.card-6 .frame-section .project-slogan,.card-4 .frame-section .project-slogan,.card-3 .frame-section .project-slogan{width:100%;padding:4px 0}.card-2 .frame-section .project-slogan h5,.card-6 .frame-section .project-slogan h5,.card-4 .frame-section .project-slogan h5,.card-3 .frame-section .project-slogan h5{font-size:20px;line-height:1.8;letter-spacing:-.48px;text-wrap:wrap}.card-2 .frame-section .project-image,.card-6 .frame-section .project-image,.card-4 .frame-section .project-image,.card-3 .frame-section .project-image{height:200px}.card-2 .frame-section .project-image img,.card-6 .frame-section .project-image img,.card-4 .frame-section .project-image img,.card-3 .frame-section .project-image img{object-fit:cover;object-position:center}.card-2 .frame-section .project-info,.card-6 .frame-section .project-info,.card-4 .frame-section .project-info,.card-3 .frame-section .project-info{width:100%;height:auto;min-height:100px;padding:16px 0;font-size:28px;line-height:50px;letter-spacing:-.56px;text-align:start;white-space:normal}}.card-3 .frame-section{background:linear-gradient(180deg,#f7f5fb,#efe9f5)}.card-3 .frame-section .head-title{background:#ecdfcf;box-shadow:2px 0 #ecdfcf,-2px 0 #ecdfcf,0 2px #ecdfcf,0 -2px #ecdfcf,3px 1px #ecdfcf,-3px -1px #ecdfcf}.card-3 .frame-section .project-slogan h5{background:none}.card-4 .frame-section{background:linear-gradient(180deg,#faf5f0,#f5ebe1)}.card-4 .frame-section .head-title{background:#ecdfcf;box-shadow:2px 0 #ecdfcf,-2px 0 #ecdfcf,0 2px #ecdfcf,0 -2px #ecdfcf,3px 1px #ecdfcf,-3px -1px #ecdfcf}.card-4 .frame-section .project-slogan h5{background:none}.card-6 .frame-section{background:linear-gradient(180deg,#f3f8f5,#eaf2ec)}.card-6 .frame-section .head-title{background:#ecdfcf;box-shadow:2px 0 #ecdfcf,-2px 0 #ecdfcf,0 2px #ecdfcf,0 -2px #ecdfcf,3px 1px #ecdfcf,-3px -1px #ecdfcf}.card-6 .frame-section .project-slogan h5{background:none}[data-theme=terminal] .card-5 .contact-footer-section{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border:2px solid var(--color-border);box-shadow:5px 5px #4ade8026}[data-theme=terminal] .card-5 .contact-footer-section .profile-header .profile-avatar{background-color:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=terminal] .card-5 .contact-footer-section .profile-header .profile-avatar img{mix-blend-mode:normal;filter:grayscale(1) contrast(1.1) brightness(.85);image-rendering:pixelated}[data-theme=terminal] .card-5 .contact-footer-section .profile-header .profile-name{color:var(--color-text-primary)}[data-theme=terminal] .card-5 .contact-footer-section .profile-header .profile-name-svg{filter:brightness(0) invert(1)}[data-theme=terminal] .card-5 .contact-footer-section .profile-header .profile-title,[data-theme=terminal] .card-5 .contact-footer-section .bio-section p{color:var(--color-text-secondary)}[data-theme=terminal] .card-5 .contact-footer-section .social-links-container .social-link-card{background:var(--color-surface-alt);border-color:#4ade801f;box-shadow:3px 3px #4ade801f}[data-theme=terminal] .card-5 .contact-footer-section .social-links-container .social-link-card i:first-child{color:var(--color-primary)}[data-theme=terminal] .card-5 .contact-footer-section .social-links-container .social-link-card span{color:var(--color-text-primary)}[data-theme=terminal] .card-5 .contact-footer-section .social-links-container .social-link-card i:last-child{color:var(--color-text-secondary)}[data-theme=terminal] .card-5 .contact-footer-section .social-links-container .social-link-card:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:5px 5px #4ade8026}[data-theme=terminal] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:first-child,[data-theme=terminal] .card-5 .contact-footer-section .social-links-container .social-link-card:hover span,[data-theme=terminal] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:last-child{color:var(--color-text-inverse)}[data-theme=terminal] .card-5 .contact-footer-section .download-cv-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse)}[data-theme=terminal] .card-5 .contact-footer-section .footer-info .copyright,[data-theme=terminal] .card-5 .contact-footer-section .footer-info .availability-status{color:var(--color-text-secondary)}[data-theme=terminal] .card-5 .contact-footer-section .footer-info .availability-status .status-dot{background:var(--color-primary-light)}[data-theme=dark] .card-5 .contact-footer-section{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border:2px solid var(--color-border);box-shadow:5px 5px #0006}[data-theme=dark] .card-5 .contact-footer-section .profile-header .profile-avatar{background-color:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=dark] .card-5 .contact-footer-section .profile-header .profile-avatar img{mix-blend-mode:normal;filter:sepia(.3) brightness(.9)}[data-theme=dark] .card-5 .contact-footer-section .profile-header .profile-name{color:var(--color-text-primary)}[data-theme=dark] .card-5 .contact-footer-section .profile-header .profile-name-svg{filter:brightness(0) invert(1)}[data-theme=dark] .card-5 .contact-footer-section .profile-header .profile-title,[data-theme=dark] .card-5 .contact-footer-section .bio-section p{color:var(--color-text-secondary)}[data-theme=dark] .card-5 .contact-footer-section .social-links-container .social-link-card{background:var(--color-surface-alt);border-color:#ffffff1f;box-shadow:3px 3px #0000004d}[data-theme=dark] .card-5 .contact-footer-section .social-links-container .social-link-card i:first-child{color:var(--color-primary)}[data-theme=dark] .card-5 .contact-footer-section .social-links-container .social-link-card span{color:var(--color-text-primary)}[data-theme=dark] .card-5 .contact-footer-section .social-links-container .social-link-card i:last-child{color:var(--color-text-secondary)}[data-theme=dark] .card-5 .contact-footer-section .social-links-container .social-link-card:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:5px 5px #0000004d}[data-theme=dark] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:first-child,[data-theme=dark] .card-5 .contact-footer-section .social-links-container .social-link-card:hover span,[data-theme=dark] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:last-child{color:var(--color-text-inverse)}[data-theme=dark] .card-5 .contact-footer-section .download-cv-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse)}[data-theme=dark] .card-5 .contact-footer-section .footer-info .copyright,[data-theme=dark] .card-5 .contact-footer-section .footer-info .availability-status{color:var(--color-text-secondary)}[data-theme=dark] .card-5 .contact-footer-section .footer-info .availability-status .status-dot{background:var(--color-primary-light)}[data-theme=tea] .card-5 .contact-footer-section{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border:2px solid var(--color-border);box-shadow:5px 5px #0006}[data-theme=tea] .card-5 .contact-footer-section .profile-header .profile-avatar{background-color:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=tea] .card-5 .contact-footer-section .profile-header .profile-avatar img{mix-blend-mode:normal;filter:sepia(.3) brightness(.9)}[data-theme=tea] .card-5 .contact-footer-section .profile-header .profile-name{color:var(--color-text-primary)}[data-theme=tea] .card-5 .contact-footer-section .profile-header .profile-name-svg{filter:brightness(0) invert(1)}[data-theme=tea] .card-5 .contact-footer-section .profile-header .profile-title,[data-theme=tea] .card-5 .contact-footer-section .bio-section p{color:var(--color-text-secondary)}[data-theme=tea] .card-5 .contact-footer-section .social-links-container .social-link-card{background:var(--color-surface-alt);border-color:#ffffff1f;box-shadow:3px 3px #0000004d}[data-theme=tea] .card-5 .contact-footer-section .social-links-container .social-link-card i:first-child{color:var(--color-primary)}[data-theme=tea] .card-5 .contact-footer-section .social-links-container .social-link-card span{color:var(--color-text-primary)}[data-theme=tea] .card-5 .contact-footer-section .social-links-container .social-link-card i:last-child{color:var(--color-text-secondary)}[data-theme=tea] .card-5 .contact-footer-section .social-links-container .social-link-card:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:5px 5px #0000004d}[data-theme=tea] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:first-child,[data-theme=tea] .card-5 .contact-footer-section .social-links-container .social-link-card:hover span,[data-theme=tea] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:last-child{color:var(--color-text-inverse)}[data-theme=tea] .card-5 .contact-footer-section .download-cv-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse)}[data-theme=tea] .card-5 .contact-footer-section .footer-info .copyright,[data-theme=tea] .card-5 .contact-footer-section .footer-info .availability-status{color:var(--color-text-secondary)}[data-theme=tea] .card-5 .contact-footer-section .footer-info .availability-status .status-dot{background:var(--color-primary-light)}[data-theme=date] .card-5 .contact-footer-section{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border:2px solid var(--color-border);box-shadow:5px 5px #0006}[data-theme=date] .card-5 .contact-footer-section .profile-header .profile-avatar{background-color:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=date] .card-5 .contact-footer-section .profile-header .profile-avatar img{mix-blend-mode:normal;filter:sepia(.3) brightness(.9)}[data-theme=date] .card-5 .contact-footer-section .profile-header .profile-name{color:var(--color-text-primary)}[data-theme=date] .card-5 .contact-footer-section .profile-header .profile-name-svg{filter:brightness(0) invert(1)}[data-theme=date] .card-5 .contact-footer-section .profile-header .profile-title,[data-theme=date] .card-5 .contact-footer-section .bio-section p{color:var(--color-text-secondary)}[data-theme=date] .card-5 .contact-footer-section .social-links-container .social-link-card{background:var(--color-surface-alt);border-color:#ffffff1f;box-shadow:3px 3px #0000004d}[data-theme=date] .card-5 .contact-footer-section .social-links-container .social-link-card i:first-child{color:var(--color-primary)}[data-theme=date] .card-5 .contact-footer-section .social-links-container .social-link-card span{color:var(--color-text-primary)}[data-theme=date] .card-5 .contact-footer-section .social-links-container .social-link-card i:last-child{color:var(--color-text-secondary)}[data-theme=date] .card-5 .contact-footer-section .social-links-container .social-link-card:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:5px 5px #0000004d}[data-theme=date] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:first-child,[data-theme=date] .card-5 .contact-footer-section .social-links-container .social-link-card:hover span,[data-theme=date] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:last-child{color:var(--color-text-inverse)}[data-theme=date] .card-5 .contact-footer-section .download-cv-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse)}[data-theme=date] .card-5 .contact-footer-section .footer-info .copyright,[data-theme=date] .card-5 .contact-footer-section .footer-info .availability-status{color:var(--color-text-secondary)}[data-theme=date] .card-5 .contact-footer-section .footer-info .availability-status .status-dot{background:var(--color-primary-light)}[data-theme=desert] .card-5 .contact-footer-section{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border:2px solid var(--color-border);box-shadow:5px 5px #0006}[data-theme=desert] .card-5 .contact-footer-section .profile-header .profile-avatar{background-color:var(--color-surface-alt);border-color:var(--color-border)}[data-theme=desert] .card-5 .contact-footer-section .profile-header .profile-avatar img{mix-blend-mode:normal;filter:sepia(.3) brightness(.9)}[data-theme=desert] .card-5 .contact-footer-section .profile-header .profile-name{color:var(--color-text-primary)}[data-theme=desert] .card-5 .contact-footer-section .profile-header .profile-name-svg{filter:brightness(0) invert(0)!important}[data-theme=desert] .card-5 .contact-footer-section .profile-header .profile-title,[data-theme=desert] .card-5 .contact-footer-section .bio-section p{color:var(--color-text-secondary)}[data-theme=desert] .card-5 .contact-footer-section .social-links-container .social-link-card{background:var(--color-surface-alt);border-color:#ffffff1f;box-shadow:3px 3px #0000004d}[data-theme=desert] .card-5 .contact-footer-section .social-links-container .social-link-card i:first-child{color:var(--color-primary)}[data-theme=desert] .card-5 .contact-footer-section .social-links-container .social-link-card span{color:var(--color-text-primary)}[data-theme=desert] .card-5 .contact-footer-section .social-links-container .social-link-card i:last-child{color:var(--color-text-secondary)}[data-theme=desert] .card-5 .contact-footer-section .social-links-container .social-link-card:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:5px 5px #0000004d}[data-theme=desert] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:first-child,[data-theme=desert] .card-5 .contact-footer-section .social-links-container .social-link-card:hover span,[data-theme=desert] .card-5 .contact-footer-section .social-links-container .social-link-card:hover i:last-child{color:var(--color-text-inverse)}[data-theme=desert] .card-5 .contact-footer-section .download-cv-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-text-inverse)}[data-theme=desert] .card-5 .contact-footer-section .footer-info .copyright,[data-theme=desert] .card-5 .contact-footer-section .footer-info .availability-status{color:var(--color-text-secondary)}[data-theme=desert] .card-5 .contact-footer-section .footer-info .availability-status .status-dot{background:var(--color-primary-light)}.card-5 .contact-footer-section{width:100%;height:fit-content;padding:clamp(8px,1.5vh,16px) clamp(12px,2vw,20px);border-radius:24px;background:linear-gradient(135deg,#faf6f0,#f3ece2);display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border:2px solid #1d1d1f;box-shadow:5px 5px #1d1d1f;gap:clamp(4px,.8vh,8px)}.card-5 .contact-footer-section .profile-header{text-align:center;margin-bottom:clamp(2px,.5vh,6px)}.card-5 .contact-footer-section .profile-header .profile-avatar{width:clamp(40px,7vh,60px);height:clamp(40px,7vh,60px);margin:0 auto clamp(4px,.5vh,8px);border-radius:50%;background-color:#524f5a;overflow:hidden;border:2px solid rgba(255,255,255,.1);position:relative}.card-5 .contact-footer-section .profile-header .profile-avatar img{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity}.card-5 .contact-footer-section .profile-header .profile-avatar:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .3s ease}.card-5 .contact-footer-section .profile-header .profile-avatar:hover:before{opacity:1}.card-5 .contact-footer-section .profile-header .profile-name{color:#251d39;font-family:var(--font-primary);font-size:clamp(14px,2vh,20px);font-weight:700;margin-bottom:2px}.card-5 .contact-footer-section .profile-header .profile-title{color:#433d51;font-family:var(--font-primary);font-size:clamp(10px,1.4vh,13px);font-weight:400}.card-5 .contact-footer-section .bio-section{text-align:center;margin-bottom:clamp(4px,.8vh,10px);max-width:500px}.card-5 .contact-footer-section .bio-section p{color:#433d51;font-family:var(--font-primary);font-size:clamp(9px,1.3vh,12px);line-height:1.4}.card-5 .contact-footer-section .social-links-container{display:flex;flex-direction:column;gap:clamp(3px,.5vh,6px);width:100%;max-width:500px;margin-bottom:clamp(4px,.8vh,10px)}.card-5 .contact-footer-section .social-links-container .social-link-card{display:flex;align-items:center;justify-content:center;padding:clamp(5px,.8vh,10px) clamp(10px,1.5vw,16px);background:#fff;border:2px solid #1d1d1f;border-radius:10px;box-shadow:3px 3px #1d1d1f;text-decoration:none;transition:all .2s ease;position:relative}.card-5 .contact-footer-section .social-links-container .social-link-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1d1d1f}.card-5 .contact-footer-section .social-links-container .social-link-card:active{transform:translate(1px,1px);box-shadow:1px 1px #1d1d1f}.card-5 .contact-footer-section .social-links-container .social-link-card i:first-child{font-size:clamp(12px,1.8vh,16px);color:#1d1d1f;margin-right:8px}.card-5 .contact-footer-section .social-links-container .social-link-card span{color:#1d1d1f;font-family:var(--font-primary);font-size:clamp(9px,1.3vh,12px);font-weight:600}.card-5 .contact-footer-section .social-links-container .social-link-card i:last-child{font-size:14px;color:#6b7280;transition:transform .2s ease}.card-5 .contact-footer-section .social-links-container .social-link-card:hover i:last-child{transform:translate(3px,-3px)}.card-5 .contact-footer-section .download-cv-btn{display:flex;align-items:center;gap:6px;padding:clamp(6px,1vh,10px) clamp(14px,2vw,20px);background:#1d9663;color:#fff;text-decoration:none;border-radius:50px;font-family:var(--font-primary);font-size:clamp(9px,1.3vh,12px);font-weight:600;transition:all .3s ease;margin-bottom:clamp(4px,.8vh,10px)}.card-5 .contact-footer-section .download-cv-btn:hover{transform:translateY(-8px);box-shadow:4px 6px #000}.card-5 .contact-footer-section .download-cv-btn i{font-size:clamp(10px,1.5vh,14px)}.card-5 .contact-footer-section .footer-info{text-align:start;margin-top:auto;padding-top:clamp(2px,.5vh,6px)}.card-5 .contact-footer-section .footer-info .copyright{color:#1f1d1dcc;font-family:var(--font-primary);font-size:clamp(8px,1.1vh,10px);margin-bottom:4px}.card-5 .contact-footer-section .footer-info .availability-status{display:flex;align-items:center;justify-content:center;gap:4px;color:#0b101cb3;font-family:var(--font-primary);font-size:clamp(8px,1.1vh,10px)}.card-5 .contact-footer-section .footer-info .availability-status .status-dot{width:5px;height:5px;background:#115a41;border-radius:50%;animation:pulse 2s infinite}@container main-container (min-width: 500px){.card-5 .contact-footer-section{width:clamp(420px,30vw,520px);aspect-ratio:3/4.2;height:auto;padding:clamp(24px,4cqi,40px);justify-content:space-between;gap:16px}.card-5 .contact-footer-section .profile-header{margin-bottom:0}.card-5 .contact-footer-section .profile-header .profile-avatar{width:clamp(60px,15cqi,100px);height:clamp(60px,15cqi,100px);border-width:3px}.card-5 .contact-footer-section .profile-header .profile-title{font-size:clamp(14px,3cqi,18px);margin-top:8px}.card-5 .contact-footer-section .bio-section{margin-bottom:0}.card-5 .contact-footer-section .bio-section p{font-size:clamp(12px,2.5cqi,16px)}.card-5 .contact-footer-section .social-links-container{gap:clamp(8px,2cqi,12px);display:grid;grid-template-columns:1fr 1fr;width:100%}.card-5 .contact-footer-section .social-links-container .social-link-card{padding:clamp(8px,2cqi,12px)}.card-5 .contact-footer-section .social-links-container .social-link-card i:first-child{font-size:clamp(14px,3.5cqi,20px)}.card-5 .contact-footer-section .social-links-container .social-link-card span{font-size:clamp(11px,2.5cqi,14px)}.card-5 .contact-footer-section .social-links-container .social-link-card.email{grid-column:1/span 2}.card-5 .contact-footer-section .download-cv-btn{padding:clamp(12px,3cqi,18px) clamp(20px,5cqi,32px);font-size:clamp(14px,3cqi,18px);width:fit-content;margin:0 auto}.card-5 .contact-footer-section .footer-info .copyright,.card-5 .contact-footer-section .footer-info .availability-status{font-size:clamp(10px,2cqi,13px)}}@container main-container (max-width: 499px){.card-5 .contact-footer-section{padding:48px 24px;border-radius:28px}.card-5 .contact-footer-section .profile-header .profile-avatar{width:100px;height:100px}.card-5 .contact-footer-section .profile-header .profile-name{font-size:28px}.card-5 .contact-footer-section .profile-header .profile-title{font-size:16px}.card-5 .contact-footer-section .social-links-container .social-link-card{padding:14px 20px}.card-5 .contact-footer-section .social-links-container .social-link-card i:first-child{font-size:20px}.card-5 .contact-footer-section .social-links-container .social-link-card span{font-size:15px}.card-5 .contact-footer-section .download-cv-btn{padding:14px 28px;font-size:16px}}@container main-container (max-width: 499px){.card-5 .contact-footer-section{padding:24px 16px}.card-5 .contact-footer-section .profile-header .profile-avatar{width:80px;height:80px}.card-5 .contact-footer-section .profile-header .profile-name{font-size:24px}.card-5 .contact-footer-section .profile-header .profile-title{font-size:14px}.card-5 .contact-footer-section .bio-section{margin-bottom:24px}.card-5 .contact-footer-section .bio-section p{font-size:14px}.card-5 .contact-footer-section .social-links-container{gap:10px;max-width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.card-5 .contact-footer-section .social-links-container a{width:fit-content;min-width:0;padding:14px}.card-5 .contact-footer-section .social-links-container a i{font-size:22px;margin-bottom:6px}.card-5 .contact-footer-section .social-links-container a span{font-size:11px}.card-5 .contact-footer-section .download-cv-btn{padding:12px 24px;font-size:14px;margin-bottom:32px}.card-5 .contact-footer-section .download-cv-btn i{font-size:16px}.card-5 .contact-footer-section .footer-info .copyright,.card-5 .contact-footer-section .footer-info .availability-status{font-size:12px}}.project-image{position:relative!important;cursor:pointer!important;overflow:hidden!important}[data-theme=dark] .project-image .read-project-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=dark] .project-image .read-project-btn:hover{background:var(--color-primary-hover)!important}[data-theme=tea] .project-image .read-project-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=tea] .project-image .read-project-btn:hover{background:var(--color-primary-hover)!important}[data-theme=date] .project-image .read-project-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=date] .project-image .read-project-btn:hover{background:var(--color-primary-hover)!important}[data-theme=desert] .project-image .read-project-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=desert] .project-image .read-project-btn:hover{background:var(--color-primary-hover)!important}[data-theme=terminal] .project-image .read-project-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=terminal] .project-image .read-project-btn:hover{background:var(--color-primary-hover)!important}.project-image .read-project-btn{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;padding:12px 24px!important;background:var(--color-overlay)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-family:var(--font-primary)!important;font-size:16px!important;font-weight:700!important;z-index:10!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 12px #0000004d!important}.project-image .read-project-btn:hover{background:#000000e6!important;transform:translate(-50%,-50%) scale(1.05)!important}.project-image img{filter:brightness(1)!important;transition:filter .3s ease!important}.project-image:hover img{filter:brightness(.8)!important}@keyframes logo-scroll-vertical-new{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.sections{width:100%;flex:1;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 calc(50vw - 200px);position:relative}.sections::-webkit-scrollbar{display:none}.sections{-ms-overflow-style:none;scrollbar-width:none}.sections--cards{flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center;z-index:1;position:relative;height:100%;width:100%;overflow:visible}.sections--card{scroll-snap-align:center;flex-shrink:0}.sections--card.swiped{pointer-events:none}.sections--separator{display:flex;align-items:center;justify-content:center;padding:0 8px}.sections--separator .separator-title{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-primary);font-size:28px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.sections--separator .separator-title:before,.sections--separator .separator-title:after{content:"";display:block;width:2px;height:40px;background:var(--color-border);margin:12px auto;border-radius:1px}.sections.mobile-slider .sections--separator{padding:0}.sections.mobile-slider .sections--separator .separator-title{writing-mode:horizontal-tb;text-orientation:initial;font-size:22px;letter-spacing:4px;display:flex;align-items:center;gap:12px}.sections.mobile-slider .sections--separator .separator-title:before,.sections.mobile-slider .sections--separator .separator-title:after{width:40px;height:2px;margin:0}.sections.mobile-slider .sections--blog-toggle{padding:0}.sections.mobile-slider .sections--blog-toggle .blog-toggle-btn{writing-mode:horizontal-tb;text-orientation:initial;flex-direction:row;padding:12px 24px;gap:8px}.sections.mobile-slider .sections--blog-toggle .blog-toggle-btn:before,.sections.mobile-slider .sections--blog-toggle .blog-toggle-btn:after{width:24px;height:2px;margin:0}.sections.mobile-slider .sections--blog-toggle .blog-toggle-icon{transform:rotate(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sections.mobile-slider .sections--blog-toggle.expanded .blog-toggle-icon{transform:rotate(180deg)}.sections.mobile-slider{flex-direction:column;overflow-x:hidden;overflow-y:visible;height:auto;scroll-snap-type:none;-webkit-overflow-scrolling:touch;padding:20px 0 80px;gap:52px;align-items:center;scroll-behavior:smooth}.sections.mobile-slider::-webkit-scrollbar{display:none}.sections.mobile-slider>.sections--card{min-height:auto;height:auto;width:100%;max-width:100vw;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 16px;box-sizing:border-box;overflow:visible}.sections.mobile-slider>.sections--card>*{max-width:100%;max-height:100%}@media(max-width:767px){.sections{padding:0}}.carousel-arrow{display:flex;align-items:center;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;cursor:pointer;z-index:9999;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.carousel-arrow i{font-size:20px;color:var(--color-text-primary)}.carousel-arrow:hover{background:var(--color-surface-alt);box-shadow:0 4px 20px #00000026;transform:translateY(-50%) scale(1.1)}.carousel-arrow--prev{left:20px}.carousel-arrow--next{right:20px}[data-theme=dark] .carousel-arrow{background:var(--color-night-gray);border-color:var(--color-border-hover)}[data-theme=dark] .carousel-arrow i{color:var(--color-text-primary)}[data-theme=tea] .carousel-arrow{background:var(--color-night-gray);border-color:var(--color-border-hover)}[data-theme=tea] .carousel-arrow i{color:var(--color-text-primary)}html[dir=rtl] .carousel-arrow--prev{left:auto;right:20px}html[dir=rtl] .carousel-arrow--next{right:auto;left:20px}html[dir=rtl] .carousel-arrow i{transform:scaleX(-1)}.carousel-arrow.disabled{opacity:.3;pointer-events:none}.carousel-dots{display:none;flex-direction:column;position:fixed;right:20px;top:50%;transform:translateY(-50%);gap:6px;z-index:100;padding:8px 5px;background:#0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease,gap .2s ease}[data-theme=dark] .carousel-dots,[data-theme=tea] .carousel-dots{background:#ffffff1a}.carousel-dots.expanded{transform:translateY(-50%) scale(1.1);background:#0000004d;gap:12px;padding:12px 10px}[data-theme=dark] .carousel-dots.expanded,[data-theme=tea] .carousel-dots.expanded{background:#fff3}.carousel-dots.expanded .carousel-dot{width:14px;height:14px;background:#00000026}[data-theme=dark] .carousel-dots.expanded .carousel-dot,[data-theme=tea] .carousel-dots.expanded .carousel-dot{background:#ffffff4d}.carousel-dots.expanded .carousel-dot.active{height:32px;background:var(--color-text-primary)}[data-theme=dark] .carousel-dots.expanded .carousel-dot.active,[data-theme=tea] .carousel-dots.expanded .carousel-dot.active{background:var(--color-primary)}.carousel-dots .carousel-dot{position:relative;width:10px;height:10px;border-radius:50%;border:none;background:#00000040}[data-theme=dark] .carousel-dots .carousel-dot,[data-theme=tea] .carousel-dots .carousel-dot{background:#ffffff4d}.carousel-dots .carousel-dot{cursor:pointer;padding:0;transition:all .3s ease}.carousel-dots .carousel-dot.active{background:var(--color-text-primary);height:24px;border-radius:5px}[data-theme=dark] .carousel-dots .carousel-dot.active,[data-theme=tea] .carousel-dots .carousel-dot.active{background:var(--color-primary)}.carousel-dots .carousel-dot .carousel-dot-label{position:absolute;right:24px;top:50%;transform:translateY(-50%) translate(10px);background:var(--color-surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-text-primary);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;font-family:var(--font-primary),sans-serif;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border)}.carousel-dots.expanded .carousel-dot-label{opacity:1;transform:translateY(-50%) translate(0)}@keyframes long-press-indicator{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1.1)}}.carousel-steps{display:none}@media(min-width:768px){.carousel-steps{display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);gap:6px;z-index:9998;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:99px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 12px var(--color-shadow)}}html[dir=rtl] .carousel-steps{direction:rtl}.carousel-step{position:relative;width:32px;height:4px;border-radius:2px;border:none;padding:0;cursor:pointer;background:var(--color-border-hover);overflow:hidden;transition:width .3s ease}.carousel-step:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;border-radius:2px;background:var(--color-primary);transition:width .3s ease}html[dir=rtl] .carousel-step:after{left:auto;right:0}.carousel-step:hover{transform:scaleY(1.5);background:color-mix(in srgb,var(--color-primary) 30%,var(--color-border-hover))}.carousel-step.active{width:48px}.carousel-step.active:after{width:100%}.carousel-step.active.auto-playing:after{animation:step-fill 3s linear forwards}@keyframes step-fill{0%{width:0}to{width:100%}}@media(max-width:767px){.carousel-arrow{display:none!important}.carousel-dots{display:flex}}.project-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10002;display:none;opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.project-modal.active{display:block;animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards}.project-modal.active .project-contant{animation:modalAppear .5s cubic-bezier(.34,1.56,.64,1) forwards}@media(max-width:768px){.project-modal.active .project-contant{animation:slideUpFromBottom .5s cubic-bezier(.34,1.56,.64,1) forwards}}.project-modal.closing{animation:fadeOut .3s ease-in-out forwards}.project-modal.closing .project-contant{animation:modalDisappear .3s ease-in-out forwards}@media(max-width:768px){.project-modal.closing .project-contant{animation:slideDownToBottom .3s ease-in-out forwards}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.project-contant{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:80%;max-width:1000px;max-height:80vh;background:var(--color-surface);color:var(--color-text-primary);border-radius:10px;box-shadow:0 4px 30px #0000001a;overflow-y:auto;padding:20px;z-index:10;opacity:0;filter:blur(8px);container-type:inline-size;container-name:modal-container}[data-theme=dark] .project-contant{background:var(--color-night-gray);color:var(--color-text-primary);box-shadow:0 4px 30px #00000080}[data-theme=dark] .project-contant .head-name h1{color:var(--color-text-primary)}[data-theme=dark] .project-contant .text-overview{border-top-color:var(--color-border)}[data-theme=dark] .project-contant .text-overview h3{color:var(--color-text-primary)}[data-theme=dark] .project-contant .text-overview p{color:var(--color-text-secondary)}[data-theme=dark] .project-contant .challenge-solution .challenge,[data-theme=dark] .project-contant .challenge-solution .solution{background:var(--color-surface)}[data-theme=dark] .project-contant .challenge-solution .challenge h3,[data-theme=dark] .project-contant .challenge-solution .solution h3{color:var(--color-text-primary)}[data-theme=dark] .project-contant .challenge-solution .challenge p,[data-theme=dark] .project-contant .challenge-solution .solution p{color:var(--color-text-secondary)}[data-theme=dark] .project-contant .project-info .project-info-item h3{color:var(--color-text-primary)}[data-theme=dark] .project-contant .project-info .project-info-item p{color:var(--color-text-secondary)}[data-theme=dark] .project-contant .project-info .project-info-item{background:#ffffff08}[data-theme=dark] .project-contant .editorjs-paragraph{color:var(--color-text-secondary)}[data-theme=dark] .project-contant .editorjs-header{color:var(--color-text-primary)}[data-theme=tea] .project-contant{background:var(--color-night-gray);color:var(--color-text-primary);box-shadow:0 4px 30px #00000080}[data-theme=tea] .project-contant .head-name h1{color:var(--color-text-primary)}[data-theme=tea] .project-contant .text-overview{border-top-color:var(--color-border)}[data-theme=tea] .project-contant .text-overview h3{color:var(--color-text-primary)}[data-theme=tea] .project-contant .text-overview p{color:var(--color-text-secondary)}[data-theme=tea] .project-contant .challenge-solution .challenge,[data-theme=tea] .project-contant .challenge-solution .solution{background:var(--color-surface)}[data-theme=tea] .project-contant .challenge-solution .challenge h3,[data-theme=tea] .project-contant .challenge-solution .solution h3{color:var(--color-text-primary)}[data-theme=tea] .project-contant .challenge-solution .challenge p,[data-theme=tea] .project-contant .challenge-solution .solution p{color:var(--color-text-secondary)}[data-theme=tea] .project-contant .project-info .project-info-item h3{color:var(--color-text-primary)}[data-theme=tea] .project-contant .project-info .project-info-item p{color:var(--color-text-secondary)}[data-theme=tea] .project-contant .project-info .project-info-item{background:#ffffff08}[data-theme=tea] .project-contant .editorjs-paragraph{color:var(--color-text-secondary)}[data-theme=tea] .project-contant .editorjs-header{color:var(--color-text-primary)}[data-theme=terminal] .project-contant{background:var(--color-night-gray);color:var(--color-text-primary);box-shadow:0 4px 30px #00000080}[data-theme=terminal] .project-contant .head-name h1{color:var(--color-text-primary)}[data-theme=terminal] .project-contant .text-overview{border-top-color:var(--color-border)}[data-theme=terminal] .project-contant .text-overview h3{color:var(--color-text-primary)}[data-theme=terminal] .project-contant .text-overview p{color:var(--color-text-secondary)}[data-theme=terminal] .project-contant .challenge-solution .challenge,[data-theme=terminal] .project-contant .challenge-solution .solution{background:var(--color-surface)}[data-theme=terminal] .project-contant .challenge-solution .challenge h3,[data-theme=terminal] .project-contant .challenge-solution .solution h3{color:var(--color-text-primary)}[data-theme=terminal] .project-contant .challenge-solution .challenge p,[data-theme=terminal] .project-contant .challenge-solution .solution p{color:var(--color-text-secondary)}[data-theme=terminal] .project-contant .project-info .project-info-item h3{color:var(--color-text-primary)}[data-theme=terminal] .project-contant .project-info .project-info-item p{color:var(--color-text-secondary)}[data-theme=terminal] .project-contant .project-info .project-info-item{background:#4ade8008}[data-theme=terminal] .project-contant .editorjs-paragraph{color:var(--color-text-secondary)}[data-theme=terminal] .project-contant .editorjs-header{color:var(--color-text-primary)}@media(max-width:768px){.project-contant{top:auto;left:0;bottom:0;transform:translateY(100%);width:100%;max-width:none;max-height:90vh;border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #0000004d}.project-contant:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#0000004d;border-radius:2px}}.project-contant nav{width:100%;display:flex;background:none;flex-direction:row;justify-content:flex-end;margin-bottom:20px}.project-contant nav .items-link{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;border:#333 1px solid;border-radius:50px;padding:5px}.project-contant nav .items-link .items{width:fit-content;background-color:#333;padding:8px 16px;border-radius:20px;color:#fff;text-decoration:none;transition:all .3s ease;font-size:14px}.project-contant nav .items-link .items:hover{background-color:#555;transform:translateY(-2px)}@container modal-container (max-width: 600px){.project-contant nav{justify-content:center}.project-contant nav .items-link{gap:8px}.project-contant nav .items-link .items{padding:6px 12px;font-size:12px}}@container modal-container (max-width: 400px){.project-contant nav .items-link{flex-wrap:nowrap;justify-content:center}.project-contant nav .items-link .items{padding:5px 10px;font-size:11px}}.project-contant .head-name{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px}.project-contant .head-name .logo{width:94px;height:42px;background-color:var(--color-surface-alt);border-radius:8px}.project-contant .head-name h1{color:var(--color-text-primary);text-align:start;font-family:playpen sans arabic,sans-serif;font-size:32px;font-style:normal;font-weight:500;line-height:61.112px}.project-contant .project-details{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;align-items:flex-start;overflow:hidden}.project-contant .project-details img{max-width:100%;height:auto;max-height:500px;object-fit:contain}.project-contant .project-details .cover{width:100%;max-width:680px;height:auto;max-height:400px;background-color:var(--color-surface-alt);align-self:center;border-radius:18px;overflow:hidden}.project-contant .project-details .cover img{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:18px}@container modal-container (max-width: 750px){.project-contant .project-details .cover{width:100%;height:300px;border-radius:12px}.project-contant .project-details .cover img{border-radius:12px}}@container modal-container (max-width: 500px){.project-contant .project-details .cover{height:250px;border-radius:10px}.project-contant .project-details .cover img{border-radius:10px}}@container modal-container (max-width: 350px){.project-contant .project-details .cover{height:200px;border-radius:8px}.project-contant .project-details .cover img{border-radius:8px}}.project-contant .project-details .text-overview{display:flex;flex-direction:row;padding-top:15.809px;justify-content:flex-end;align-items:flex-start;gap:10.085px;align-self:stretch;border-top:.1px solid var(--color-border)}.project-contant .project-details .text-overview h3{max-height:38px;align-self:stretch;color:var(--color-text-primary);text-align:start;font-family:playpen sans arabic,sans-serif;font-size:27.147px;font-style:normal;text-wrap:nowrap;font-weight:500;line-height:38px;width:50%}.project-contant .project-details .text-overview p{width:50%;color:var(--color-text-secondary);text-align:start;font-family:playpen sans arabic,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px}@container modal-container (max-width: 650px){.project-contant .project-details .text-overview{flex-direction:column;gap:15px}.project-contant .project-details .text-overview h3,.project-contant .project-details .text-overview p{width:100%;text-align:start}.project-contant .project-details .text-overview h3{font-size:24px;text-wrap:wrap;max-height:none}.project-contant .project-details .text-overview p{font-size:16px}}@container modal-container (max-width: 450px){.project-contant .project-details .text-overview h3{font-size:20px;line-height:1.3}.project-contant .project-details .text-overview p{font-size:15px;line-height:1.6}}.project-contant .project-details .article-picture{width:80%;height:auto;background-color:var(--color-surface-alt);border-radius:12px;aspect-ratio:16/9;margin:10px 0;align-self:center}.project-contant .project-details .challenge-solution{width:100%;display:flex;flex-direction:row;gap:15px}.project-contant .project-details .challenge-solution .challenge,.project-contant .project-details .challenge-solution .solution{width:50%;display:flex;padding:20px;flex-direction:column;gap:15px;border-radius:10.353px;background:var(--color-surface-alt)}.project-contant .project-details .challenge-solution .challenge h3,.project-contant .project-details .challenge-solution .solution h3{font-family:playpen sans arabic,sans-serif;font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 10px;text-align:start}.project-contant .project-details .challenge-solution .challenge p,.project-contant .project-details .challenge-solution .solution p{font-family:playpen sans arabic,sans-serif;font-size:16px;color:var(--color-text-secondary);line-height:1.6;margin:0;text-align:start}@container modal-container (max-width: 700px){.project-contant .project-details .challenge-solution{flex-direction:column;gap:20px}.project-contant .project-details .challenge-solution .challenge,.project-contant .project-details .challenge-solution .solution{width:100%;padding:25px}}@container modal-container (max-width: 500px){.project-contant .project-details .challenge-solution .challenge,.project-contant .project-details .challenge-solution .solution{padding:20px;border-radius:8px}.project-contant .project-details .challenge-solution .challenge h3,.project-contant .project-details .challenge-solution .solution h3{font-size:18px}.project-contant .project-details .challenge-solution .challenge p,.project-contant .project-details .challenge-solution .solution p{font-size:15px}}@container modal-container (max-width: 350px){.project-contant .project-details .challenge-solution .challenge,.project-contant .project-details .challenge-solution .solution{padding:15px}.project-contant .project-details .challenge-solution .challenge h3,.project-contant .project-details .challenge-solution .solution h3{font-size:16px}.project-contant .project-details .challenge-solution .challenge p,.project-contant .project-details .challenge-solution .solution p{font-size:14px}}.project-contant .project-details .bento-grid-gallery{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,200px);gap:15px}.project-contant .project-details .bento-grid-gallery .gallery-item{background-color:var(--color-surface-alt);border-radius:12px;overflow:hidden}.project-contant .project-details .bento-grid-gallery .gallery-item img{width:100%;height:100%;object-fit:cover}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(1){grid-column:1/3;grid-row:1/3}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(2){grid-column:3/5;grid-row:1/2}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(3){grid-column:3/4;grid-row:2/3}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(4){grid-column:4/5;grid-row:2/3}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(5){grid-column:1/3;grid-row:3/4}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(6){grid-column:3/4;grid-row:3/5}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(7){grid-column:4/5;grid-row:3/4}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(8){grid-column:1/3;grid-row:4/5}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(9){grid-column:4/5;grid-row:4/5}@container modal-container (max-width: 750px){.project-contant .project-details .bento-grid-gallery{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,180px)}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(1){grid-column:1/3;grid-row:1/2}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(2){grid-column:3/4;grid-row:1/3}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(3){grid-column:1/2;grid-row:2/4}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(4){grid-column:2/3;grid-row:2/3}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(5){grid-column:2/4;grid-row:3/4}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(n+6){display:none}}@container modal-container (max-width: 500px){.project-contant .project-details .bento-grid-gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,150px);gap:10px}.project-contant .project-details .bento-grid-gallery .gallery-item{grid-column:auto!important;grid-row:auto!important}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(1),.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(3){grid-column:1/3}.project-contant .project-details .bento-grid-gallery .gallery-item:nth-child(n+7){display:none}}.project-contant .project-details .project-info{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0;padding:0}.project-contant .project-details .project-info .project-info-item{display:flex;flex-direction:column;gap:8px;text-align:start}.project-contant .project-details .project-info .project-info-item h3{color:var(--color-text-primary);font-family:playpen sans arabic,sans-serif;font-size:18px;font-weight:600;margin:0;line-height:1.2}.project-contant .project-details .project-info .project-info-item p{color:var(--color-text-secondary);font-family:playpen sans arabic,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0}@container modal-container (max-width: 750px){.project-contant .project-details .project-info{grid-template-columns:repeat(2,1fr);gap:25px}.project-contant .project-details .project-info .project-info-item:last-child{grid-column:1/3;text-align:center;padding-top:20px;border-top:1px solid var(--color-border)}}@container modal-container (max-width: 500px){.project-contant .project-details .project-info{grid-template-columns:1fr;gap:20px;margin:30px 0}.project-contant .project-details .project-info .project-info-item{padding:20px;background:var(--color-surface-alt);border-radius:12px;border-left:4px solid var(--color-primary);text-align:start}.project-contant .project-details .project-info .project-info-item:last-child{grid-column:auto;border-top:none;padding-top:20px}}@container modal-container (max-width: 350px){.project-contant .project-details .project-info .project-info-item{padding:15px}.project-contant .project-details .project-info .project-info-item h3{font-size:16px}.project-contant .project-details .project-info .project-info-item p{font-size:14px}}.project-contant .close-modal{position:absolute;top:20px;right:20px;width:40px;height:40px;background:var(--color-surface-alt);border:none;border-radius:50%;cursor:pointer;z-index:11;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-text-primary);transition:all .3s ease}.project-contant .close-modal:hover{background:var(--color-surface);transform:rotate(90deg)}@media(max-width:768px){.project-contant .close-modal{top:25px;right:20px;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-contant .close-modal:hover{background:#0003}}@container modal-container (max-width: 500px){.project-contant .close-modal{width:35px;height:35px;font-size:18px}}@container modal-container (max-width: 350px){.project-contant .close-modal{width:30px;height:30px;font-size:16px}}@media(max-width:768px){.project-contant{padding:30px 20px 20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalAppear{0%{transform:translate(-50%,-50%) scale(.8);opacity:0;filter:blur(8px)}50%{transform:translate(-50%,-50%) scale(1.02);opacity:.8;filter:blur(4px)}to{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0)}}@keyframes modalDisappear{0%{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0)}to{transform:translate(-50%,-50%) scale(.9);opacity:0;filter:blur(4px)}}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0;filter:blur(8px)}50%{transform:translateY(-2%);opacity:.8;filter:blur(4px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes slideDownToBottom{0%{transform:translateY(0);opacity:1;filter:blur(0)}to{transform:translateY(100%);opacity:0;filter:blur(4px)}}.editorjs-content{width:100%;max-width:100%;direction:ltr;text-align:left;overflow-x:hidden}.editorjs-content .editorjs-paragraph{font-family:playpen sans arabic,sans-serif;font-size:16px;line-height:1.8;color:var(--color-text-secondary);margin-bottom:16px}.editorjs-content .editorjs-paragraph:not([dir=rtl]){text-align:left!important;direction:ltr}.editorjs-content .editorjs-paragraph[dir=rtl]{text-align:right!important;direction:rtl}.editorjs-content .editorjs-header{font-family:playpen sans arabic,sans-serif;font-weight:600;color:var(--color-text-primary);margin:24px 0 16px}.editorjs-content .editorjs-header--level-1{font-size:32px}.editorjs-content .editorjs-header--level-2{font-size:28px}.editorjs-content .editorjs-header--level-3{font-size:24px}.editorjs-content .editorjs-header--level-4{font-size:20px}.editorjs-content .editorjs-header--level-5{font-size:18px}.editorjs-content .editorjs-header--level-6{font-size:16px}.editorjs-content .editorjs-header:not([dir=rtl]){text-align:left!important;direction:ltr}.editorjs-content .editorjs-header[dir=rtl]{text-align:right!important;direction:rtl}.editorjs-content .editorjs-list{font-family:playpen sans arabic,sans-serif;font-size:16px;line-height:1.8;color:var(--color-text-secondary);margin:16px 0}.editorjs-content .editorjs-list--ordered{list-style-type:decimal}.editorjs-content .editorjs-list--unordered{list-style-type:disc}.editorjs-content .editorjs-list:not([dir=rtl]){text-align:left!important;direction:ltr;padding-left:24px;padding-right:0}.editorjs-content .editorjs-list:not([dir=rtl]) .editorjs-list__item{text-align:left!important}.editorjs-content .editorjs-list[dir=rtl]{text-align:right!important;direction:rtl;padding-left:0;padding-right:24px}.editorjs-content .editorjs-list[dir=rtl] .editorjs-list__item{text-align:right!important}.editorjs-content .editorjs-image{margin:24px 0;text-align:center;max-width:100%;overflow:hidden}.editorjs-content .editorjs-image img{max-width:100%;width:auto;height:auto;max-height:500px;object-fit:contain;border-radius:12px;display:block;margin:0 auto}.editorjs-content .editorjs-image__img{max-width:100%;width:auto;height:auto;max-height:500px;object-fit:contain;border-radius:12px}.editorjs-content .editorjs-image__img--with-border{border:2px solid var(--color-border)}.editorjs-content .editorjs-image__img--with-background{background:var(--color-surface-alt);padding:16px}.editorjs-content .editorjs-image__img--stretched{width:100%;max-height:none}.editorjs-content .editorjs-image__caption{font-size:14px;color:var(--color-text-secondary);margin-top:8px;font-style:italic}.editorjs-content .editorjs-quote{margin:24px 0;padding:16px 24px;border-left:4px solid var(--color-primary);background:var(--color-surface-alt);border-radius:0 8px 8px 0}.editorjs-content .editorjs-quote__text{font-family:playpen sans arabic,sans-serif;font-size:18px;font-style:italic;color:var(--color-text-primary);margin:0;line-height:1.6}.editorjs-content .editorjs-quote__caption{font-size:14px;color:var(--color-text-secondary);margin-top:12px}.editorjs-content .editorjs-code{margin:24px 0}.editorjs-content .editorjs-code__pre{background:#2d2d2d;padding:16px;border-radius:8px;overflow-x:auto;direction:ltr;text-align:left}.editorjs-content .editorjs-code__code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:14px;color:#f8f8f2;line-height:1.5}.editorjs-content .editorjs-delimiter{width:100%;max-width:100%;margin:32px 0;border:none;border-top:1px dashed var(--color-border);height:1px;overflow:hidden}.editorjs-content .editorjs-paragraph{word-break:break-word;overflow-wrap:break-word}.editorjs-content .editorjs-table{margin:24px 0;overflow-x:auto}.editorjs-content .editorjs-table__table{width:100%;border-collapse:collapse}.editorjs-content .editorjs-table__table th,.editorjs-content .editorjs-table__table td{padding:12px 16px;border:1px solid var(--color-border);text-align:left}.editorjs-content .editorjs-table__table th{background:var(--color-surface-alt);font-weight:600}.editorjs-content .editorjs-warning{margin:24px 0;padding:16px;background:#ffc1071a;border-left:4px solid #ffc107;border-radius:0 8px 8px 0}.editorjs-content .editorjs-warning__title{font-weight:600;color:#ffc107;margin-bottom:8px}.editorjs-content .editorjs-warning__message{color:var(--color-text-secondary)}.editorjs-content .editorjs-checklist{margin:16px 0}.editorjs-content .editorjs-checklist__item{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.editorjs-content .editorjs-checklist__checkbox{margin-top:4px}.editorjs-content .editorjs-checklist__label{font-family:playpen sans arabic,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text-secondary)}.editorjs-content .editorjs-inline-code{background:var(--color-surface-alt);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:14px;color:var(--color-primary)}.editorjs-content .editorjs-marker{background:#ffeb3b4d;padding:2px 4px;border-radius:2px}.editorjs-content .editorjs-underline{text-decoration:underline}.editorjs-content .editorjs-empty-message{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:40px}.editorjs-content .project-info-section{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);text-align:start}.editorjs-content .project-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.editorjs-content .project-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.editorjs-content .project-info-grid{grid-template-columns:1fr}}.editorjs-content .project-info-item h3{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px;font-weight:500}.editorjs-content .project-info-item p{font-size:16px;color:var(--color-text-primary);font-weight:600}.editorjs-content .project-links-section{margin-top:24px}.editorjs-content .project-links-section h3{font-size:16px;margin-bottom:12px;color:var(--color-text-primary)}.editorjs-content .project-links{display:flex;gap:16px;flex-wrap:wrap}.editorjs-content .project-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.editorjs-content .project-link.demo-link{background:var(--color-primary);color:var(--color-text-inverse)}.editorjs-content .project-link.demo-link:hover{background:var(--color-primary-hover)}.editorjs-content .project-link.repo-link{background:var(--color-surface-alt);color:var(--color-text-primary);border:1px solid var(--color-border)}.editorjs-content .project-link.repo-link:hover{background:var(--color-surface)}.editorjs-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.editorjs-lightbox.active{opacity:1;visibility:visible}.editorjs-lightbox.active .editorjs-lightbox__content{transform:scale(1)}.editorjs-lightbox__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-overlay);cursor:pointer}.editorjs-lightbox__content{position:relative;z-index:1;max-width:90vw;max-height:90vh;transform:scale(.9);transition:transform .3s ease}.editorjs-lightbox__close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;padding:0 10px;line-height:1;opacity:.8;transition:opacity .2s ease}.editorjs-lightbox__close:hover{opacity:1}.editorjs-lightbox__image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #00000080}.editorjs-lightbox__caption{text-align:center;color:#fff;padding:16px;font-size:14px;max-width:600px;margin:0 auto}.editorjs-image--zoomable{cursor:zoom-in;transition:transform .2s ease}.editorjs-image--zoomable:hover{transform:scale(1.02)}.modal-cover-image{width:100%;margin-bottom:24px;border-radius:12px;overflow:hidden}.modal-cover-image img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.modal-description{margin-bottom:24px;text-align:start}.modal-description p{font-family:playpen sans arabic,sans-serif;font-size:16px;line-height:1.8;color:var(--color-text-secondary);margin:0}.modal-editor-content{width:100%;margin-bottom:24px}.modal-skeleton{display:flex;flex-direction:column;gap:24px;padding:8px 0}.skeleton-block{background:linear-gradient(90deg,var(--color-surface-alt) 25%,color-mix(in srgb,var(--color-surface-alt) 60%,var(--color-text-secondary) 10%) 50%,var(--color-surface-alt) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-title-line{display:inline-block;width:55%;height:32px;border-radius:6px;vertical-align:middle}.skeleton-cover{width:100%;max-width:680px;height:300px;border-radius:18px;align-self:center}@container modal-container (max-width: 750px){.skeleton-cover{height:240px;border-radius:12px}}@container modal-container (max-width: 500px){.skeleton-cover{height:200px;border-radius:10px}}.skeleton-description,.skeleton-content{display:flex;flex-direction:column;gap:12px}.skeleton-line{height:16px;border-radius:4px}.skeleton-line-heading{width:40%;height:24px;border-radius:5px;margin-bottom:4px}.skeleton-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px;padding-top:24px;border-top:1px solid var(--color-border)}@container modal-container (max-width: 500px){.skeleton-info-grid{grid-template-columns:1fr;gap:16px}}.skeleton-info-item{display:flex;flex-direction:column;gap:8px}.skeleton-label{width:50%;height:14px;border-radius:3px}.skeleton-value{width:75%;height:18px;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-magnetic]{--magnetic-x: 0px;--magnetic-y: 0px;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.social-link-card[data-magnetic]:hover{transform:translate(calc(-2px + var(--magnetic-x, 0px)),calc(-2px + var(--magnetic-y, 0px)))}.social-link-card[data-magnetic]:active{transform:translate(calc(1px + var(--magnetic-x, 0px)),calc(1px + var(--magnetic-y, 0px)))}.download-cv-btn[data-magnetic]:hover{transform:translateY(calc(-8px + var(--magnetic-y, 0px)))}.carousel-arrow[data-magnetic]{transform:translateY(-50%) translate(var(--magnetic-x, 0px),var(--magnetic-y, 0px))}.carousel-arrow[data-magnetic]:hover{transform:translateY(-50%) scale(1.1) translate(var(--magnetic-x, 0px),var(--magnetic-y, 0px))}.nav-link[data-magnetic],.theme-toggle[data-magnetic]{transform:translate(var(--magnetic-x, 0px),var(--magnetic-y, 0px))}[data-ripple]{overflow:hidden}.theme-toggle[data-ripple]{overflow:visible}.ripple-effect{position:absolute;border-radius:50%;background:var(--ripple-color, rgba(0, 0, 0, .12));transform:scale(0);animation:ripple-expand .6s ease-out forwards;pointer-events:none;z-index:1}@keyframes ripple-expand{0%{transform:scale(0);opacity:.5}to{transform:scale(1);opacity:0}}[data-theme=coffee] .ripple-effect,[data-theme=matcha] .ripple-effect{--ripple-color: rgba(255, 255, 255, .2)}.custom-cursor--pen,.custom-cursor--ring{position:fixed;top:0;left:0;pointer-events:none;z-index:100000;will-change:transform;transition:opacity .3s ease}.custom-cursor--pen{color:var(--color-text-primary, #2c3e50);filter:drop-shadow(0 1px 3px rgba(0,0,0,.25));margin-left:-3px;margin-top:-21px}.custom-cursor--pen svg{display:block;width:24px;height:24px;transition:transform .2s ease,color .3s ease}.custom-cursor--ring{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--color-primary, #24b37c);background:transparent;margin-left:-16px;margin-top:-16px;opacity:.4;transition:width .3s ease,height .3s ease,border-color .3s ease,opacity .3s ease,margin .3s ease}.custom-cursor--pen.--hover{color:var(--color-primary, #24b37c)}.custom-cursor--pen.--hover svg{transform:rotate(-8deg) scale(1.1)}.custom-cursor--ring.--hover{width:44px;height:44px;margin-left:-22px;margin-top:-22px;border-color:var(--color-primary, #24b37c);opacity:.25}.custom-cursor--pen.--click svg{transform:scale(.85)}.custom-cursor--ring.--click{width:24px;height:24px;margin-left:-12px;margin-top:-12px;opacity:.5}.custom-cursor-active,.custom-cursor-active *{cursor:none!important}@media(hover:none){.custom-cursor--pen,.custom-cursor--ring{display:none!important}}@media(prefers-reduced-motion:reduce){.custom-cursor--pen,.custom-cursor--ring,.ripple-effect{display:none!important}[data-magnetic]{--magnetic-x: 0px !important;--magnetic-y: 0px !important;transition:none!important}}.desert-wind{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:0;transition:opacity 1.2s ease;overflow:hidden}[data-theme=desert] .desert-wind{opacity:1}.wind-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(194,65,12,.1),rgba(194,65,12,.2),rgba(194,65,12,.1),transparent);filter:blur(5px);border-radius:50%;opacity:0;will-change:transform,opacity;animation:sheet-blow-ltr 15s linear infinite}[dir=rtl] .wind-line{animation-name:sheet-blow-rtl}.wind-particle{position:absolute;background:#c2410ccc;width:3px;height:3px;border-radius:50%;opacity:0;will-change:transform,opacity;animation:sand-bounce-ltr 8s linear infinite}[dir=rtl] .wind-particle{animation-name:sand-bounce-rtl}.wind-line:nth-child(1){top:68vh;height:91px;width:63vw;animation-duration:16s;animation-delay:5s}.wind-line:nth-child(2){top:73vh;height:76px;width:65vw;animation-duration:17s;animation-delay:5s}.wind-line:nth-child(3){top:75vh;height:101px;width:55vw;animation-duration:15s;animation-delay:4s}.wind-line:nth-child(4){top:88vh;height:133px;width:63vw;animation-duration:18s;animation-delay:8s}.wind-line:nth-child(5){top:94vh;height:123px;width:77vw;animation-duration:14s;animation-delay:9s}.wind-line:nth-child(6){top:83vh;height:64px;width:62vw;animation-duration:15s;animation-delay:2s}.wind-particle:nth-child(1){top:92vh;width:3px;height:3px;animation-duration:6s;animation-delay:3s;--lift: -30px}.wind-particle:nth-child(2){top:76vh;width:3px;height:3px;animation-duration:7s;animation-delay:5s;--lift: -21px}.wind-particle:nth-child(3){top:79vh;width:4px;height:4px;animation-duration:7s;animation-delay:8s;--lift: -14px}.wind-particle:nth-child(4){top:92vh;width:4px;height:4px;animation-duration:7s;animation-delay:2s;--lift: -23px}.wind-particle:nth-child(5){top:79vh;width:3px;height:3px;animation-duration:5s;animation-delay:7s;--lift: -16px}.wind-particle:nth-child(6){top:88vh;width:4px;height:4px;animation-duration:5s;animation-delay:1s;--lift: -13px}.wind-particle:nth-child(7){top:82vh;width:3px;height:3px;animation-duration:5s;animation-delay:2s;--lift: -6px}.wind-particle:nth-child(8){top:81vh;width:3px;height:3px;animation-duration:7s;animation-delay:3s;--lift: -17px}.wind-particle:nth-child(9){top:76vh;width:3px;height:3px;animation-duration:7s;animation-delay:7s;--lift: -14px}.wind-particle:nth-child(10){top:87vh;width:3px;height:3px;animation-duration:7s;animation-delay:2s;--lift: -28px}.wind-particle:nth-child(11){top:88vh;width:3px;height:3px;animation-duration:6s;animation-delay:6s;--lift: -25px}.wind-particle:nth-child(12){top:92vh;width:4px;height:4px;animation-duration:7s;animation-delay:7s;--lift: -10px}.wind-particle:nth-child(13){top:95vh;width:3px;height:3px;animation-duration:8s;animation-delay:2s;--lift: -17px}.wind-particle:nth-child(14){top:78vh;width:4px;height:4px;animation-duration:7s;animation-delay:6s;--lift: -16px}.wind-particle:nth-child(15){top:84vh;width:4px;height:4px;animation-duration:5s;animation-delay:8s;--lift: -20px}@keyframes sheet-blow-ltr{0%{transform:translate(-60vw) scaleY(.8);opacity:0}20%{opacity:.5}80%{opacity:.5}to{transform:translate(160vw) scaleY(1.1);opacity:0}}@keyframes sheet-blow-rtl{0%{transform:translate(160vw) scaleY(.8);opacity:0}20%{opacity:.5}80%{opacity:.5}to{transform:translate(-60vw) scaleY(1.1);opacity:0}}@keyframes sand-bounce-ltr{0%{transform:translate(-15vw);opacity:0}10%{opacity:1}20%{transform:translate(10vw,var(--lift))}35%{transform:translate(25vw)}50%{transform:translate(45vw,var(--lift))}65%{transform:translate(65vw)}85%{transform:translate(90vw,var(--lift))}95%{opacity:1}to{transform:translate(115vw);opacity:0}}@keyframes sand-bounce-rtl{0%{transform:translate(115vw);opacity:0}10%{opacity:1}20%{transform:translate(90vw,var(--lift))}35%{transform:translate(75vw)}50%{transform:translate(55vw,var(--lift))}65%{transform:translate(35vw)}85%{transform:translate(10vw,var(--lift))}95%{opacity:1}to{transform:translate(-15vw);opacity:0}}.card-blog{padding-bottom:24px}[data-theme=dark] .card-blog .blog-card-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #0006!important}[data-theme=dark] .card-blog .blog-card-section .blog-card-title{color:var(--color-text-primary)!important}[data-theme=dark] .card-blog .blog-card-section .blog-card-tags{background:#c6864226!important;border-color:var(--color-border)!important}[data-theme=dark] .card-blog .blog-card-section .blog-card-tags .label{color:var(--color-text-primary)!important}[data-theme=dark] .card-blog .blog-card-section .blog-card-excerpt,[data-theme=dark] .card-blog .blog-card-section .blog-card-date{color:var(--color-text-secondary)!important}[data-theme=dark] .card-blog .blog-card-section .read-blog-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=dark] .card-blog .blog-card-section .read-blog-btn:hover{background:var(--color-primary-hover)!important}[data-theme=tea] .card-blog .blog-card-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #0006!important}[data-theme=tea] .card-blog .blog-card-section .blog-card-title{color:var(--color-text-primary)!important}[data-theme=tea] .card-blog .blog-card-section .blog-card-tags{background:#7ab64826!important;border-color:var(--color-border)!important}[data-theme=tea] .card-blog .blog-card-section .blog-card-tags .label{color:var(--color-text-primary)!important}[data-theme=tea] .card-blog .blog-card-section .blog-card-excerpt,[data-theme=tea] .card-blog .blog-card-section .blog-card-date{color:var(--color-text-secondary)!important}[data-theme=tea] .card-blog .blog-card-section .read-blog-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=tea] .card-blog .blog-card-section .read-blog-btn:hover{background:var(--color-primary-hover)!important}[data-theme=date] .card-blog .blog-card-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #0006!important}[data-theme=date] .card-blog .blog-card-section .blog-card-title{color:var(--color-text-primary)!important}[data-theme=date] .card-blog .blog-card-section .blog-card-tags{background:#d9770626!important;border-color:var(--color-border)!important}[data-theme=date] .card-blog .blog-card-section .blog-card-tags .label{color:var(--color-text-primary)!important}[data-theme=date] .card-blog .blog-card-section .blog-card-excerpt,[data-theme=date] .card-blog .blog-card-section .blog-card-date{color:var(--color-text-secondary)!important}[data-theme=date] .card-blog .blog-card-section .read-blog-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=date] .card-blog .blog-card-section .read-blog-btn:hover{background:var(--color-primary-hover)!important}[data-theme=desert] .card-blog .blog-card-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #0006!important}[data-theme=desert] .card-blog .blog-card-section .blog-card-title{color:var(--color-text-primary)!important}[data-theme=desert] .card-blog .blog-card-section .blog-card-tags{background:#c2410c26!important;border-color:var(--color-border)!important}[data-theme=desert] .card-blog .blog-card-section .blog-card-tags .label{color:var(--color-text-primary)!important}[data-theme=desert] .card-blog .blog-card-section .blog-card-excerpt,[data-theme=desert] .card-blog .blog-card-section .blog-card-date{color:var(--color-text-secondary)!important}[data-theme=desert] .card-blog .blog-card-section .read-blog-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=desert] .card-blog .blog-card-section .read-blog-btn:hover{background:var(--color-primary-hover)!important}[data-theme=terminal] .card-blog .blog-card-section{background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)!important;border:2px solid var(--color-border);box-shadow:5px 5px #4ade801a!important}[data-theme=terminal] .card-blog .blog-card-section .blog-card-title{color:var(--color-text-primary)!important}[data-theme=terminal] .card-blog .blog-card-section .blog-card-tags{background:#4ade801a!important;border-color:var(--color-border)!important}[data-theme=terminal] .card-blog .blog-card-section .blog-card-tags .label{color:var(--color-text-primary)!important}[data-theme=terminal] .card-blog .blog-card-section .blog-card-excerpt,[data-theme=terminal] .card-blog .blog-card-section .blog-card-date{color:var(--color-text-secondary)!important}[data-theme=terminal] .card-blog .blog-card-section .read-blog-btn{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}[data-theme=terminal] .card-blog .blog-card-section .read-blog-btn:hover{background:var(--color-primary-hover)!important}.card-blog .blog-card-section{width:fit-content;border-radius:28px;height:fit-content;padding:32px 24px;background:linear-gradient(180deg,#f7f5fb,#efe9f5);display:flex;gap:24px;flex-direction:column;justify-content:space-between;border:2px solid #1d1d1f;box-shadow:5px 5px #1d1d1f}.card-blog .blog-card-section .blog-card-header{display:flex;flex-direction:column;gap:12px}.card-blog .blog-card-section .blog-card-title{color:#1d1d1f;font-family:var(--font-primary);font-size:28px;font-weight:700;line-height:1.4;letter-spacing:-.56px;text-align:start;direction:inherit;margin:0}.card-blog .blog-card-section .blog-card-tags{display:flex;width:fit-content;max-width:100%;padding:6px 16px;align-items:center;gap:8px;flex-wrap:wrap;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:#00000008;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-blog .blog-card-section .blog-card-tags .label{color:#6b7280;text-align:center;font-family:var(--font-primary);font-size:13px;font-weight:700;line-height:1.4}.card-blog .blog-card-section .blog-card-body{flex:1}.card-blog .blog-card-section .blog-card-excerpt{color:#2d3e51;font-family:var(--font-primary);font-size:16px;line-height:1.8;text-align:start;direction:inherit;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-blog .blog-card-section .blog-card-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.card-blog .blog-card-section .blog-card-date{color:#8e8e93;font-family:var(--font-primary);font-size:14px;font-weight:500}.card-blog .blog-card-section .read-blog-btn{padding:10px 20px;background:#ecdfcf;color:#3a3228;border:none;border-radius:8px;font-family:var(--font-primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.card-blog .blog-card-section .read-blog-btn:hover{background:color-mix(in srgb,#ecdfcf 92%,black);transform:translateY(-2px)}@container main-container (min-width: 500px){.card-blog .blog-card-section{width:clamp(420px,30vw,520px);aspect-ratio:3/4.2;height:auto;padding:clamp(20px,3cqi,32px);gap:16px;border-radius:24px;overflow:hidden}.card-blog .blog-card-section .blog-card-title{font-size:clamp(20px,4cqi,28px);line-height:1.3}.card-blog .blog-card-section .blog-card-tags{padding:4px 12px}.card-blog .blog-card-section .blog-card-tags .label{font-size:clamp(10px,2cqi,13px)}.card-blog .blog-card-section .blog-card-excerpt{font-size:clamp(13px,2.5cqi,16px);-webkit-line-clamp:5}.card-blog .blog-card-section .blog-card-date{font-size:clamp(11px,2cqi,14px)}.card-blog .blog-card-section .read-blog-btn{padding:clamp(6px,1.5cqi,10px) clamp(12px,3cqi,20px);font-size:clamp(11px,2cqi,14px)}}@container main-container (max-width: 499px){.card-blog .blog-card-section{padding:24px;gap:16px;border-radius:24px}.card-blog .blog-card-section .blog-card-title{font-size:24px;line-height:1.4}.card-blog .blog-card-section .blog-card-tags{padding:6px 12px}.card-blog .blog-card-section .blog-card-tags .label{font-size:12px}.card-blog .blog-card-section .blog-card-excerpt{font-size:15px;-webkit-line-clamp:4}.card-blog .blog-card-section .blog-card-footer{flex-direction:row}.card-blog .blog-card-section .blog-card-date{font-size:13px}.card-blog .blog-card-section .read-blog-btn{padding:10px 18px;font-size:14px}}.card-blog.blog-card-animated{transition:opacity .45s cubic-bezier(.25,.46,.45,.94),transform .45s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.card-blog.blog-card-entering{opacity:0;transform:scale(.88) translateY(12px)}.card-blog.blog-card-visible{opacity:1;transform:scale(1) translateY(0)}.card-blog.blog-card-hiding{opacity:0;transform:scale(.88) translateY(12px);pointer-events:none}.sections--blog-toggle{display:flex;align-items:center;justify-content:center;padding:0 8px}.sections--blog-toggle .blog-toggle-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:transparent;border:2px solid var(--color-border);border-radius:16px;cursor:pointer;transition:all .3s ease;writing-mode:vertical-rl;text-orientation:mixed;position:relative}.sections--blog-toggle .blog-toggle-btn:before,.sections--blog-toggle .blog-toggle-btn:after{content:"";display:block;width:2px;height:24px;background:var(--color-border);border-radius:1px}.sections--blog-toggle .blog-toggle-btn:hover{border-color:var(--color-text-secondary);box-shadow:0 2px 12px #00000014}.sections--blog-toggle .blog-toggle-text{font-family:var(--font-primary);font-size:16px;font-weight:700;letter-spacing:4px;color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.sections--blog-toggle .blog-toggle-text{transition:opacity .25s ease}.sections--blog-toggle .blog-toggle-icon{font-size:20px;color:var(--color-text-secondary);transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:rotate(-90deg)}.sections--blog-toggle.expanded .blog-toggle-icon{transform:rotate(90deg)}[data-theme=dark] .sections--blog-toggle .blog-toggle-btn{border-color:var(--color-border)}[data-theme=dark] .sections--blog-toggle .blog-toggle-btn:hover{border-color:var(--color-text-secondary);box-shadow:0 2px 12px #0000004d}[data-theme=tea] .sections--blog-toggle .blog-toggle-btn{border-color:var(--color-border)}[data-theme=tea] .sections--blog-toggle .blog-toggle-btn:hover{border-color:var(--color-text-secondary);box-shadow:0 2px 12px #0000004d}[data-theme=date] .sections--blog-toggle .blog-toggle-btn{border-color:var(--color-border)}[data-theme=date] .sections--blog-toggle .blog-toggle-btn:hover{border-color:var(--color-text-secondary);box-shadow:0 2px 12px #0000004d}[data-theme=desert] .sections--blog-toggle .blog-toggle-btn{border-color:var(--color-border)}[data-theme=desert] .sections--blog-toggle .blog-toggle-btn:hover{border-color:var(--color-text-secondary);box-shadow:0 2px 12px #0000004d}[data-theme=terminal] .sections--blog-toggle .blog-toggle-btn{border-color:var(--color-border)}[data-theme=terminal] .sections--blog-toggle .blog-toggle-btn:hover{border-color:var(--color-text-secondary);box-shadow:0 2px 12px #4ade801a}.blog-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10002;display:none;opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.blog-modal.active{display:block;animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards}.blog-modal.active .blog-modal-content{animation:modalAppear .5s cubic-bezier(.34,1.56,.64,1) forwards}@media(max-width:768px){.blog-modal.active .blog-modal-content{animation:slideUpFromBottom .5s cubic-bezier(.34,1.56,.64,1) forwards}}.blog-modal.closing{animation:fadeOut .3s ease-in-out forwards}.blog-modal.closing .blog-modal-content{animation:modalDisappear .3s ease-in-out forwards}@media(max-width:768px){.blog-modal.closing .blog-modal-content{animation:slideDownToBottom .3s ease-in-out forwards}}.blog-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:80%;max-width:1000px;max-height:80vh;background:var(--color-surface);color:var(--color-text-primary);border-radius:10px;box-shadow:0 4px 30px #0000001a;overflow-y:auto;padding:20px;z-index:10;opacity:0;filter:blur(8px);container-type:inline-size;container-name:modal-container}[data-theme=dark] .blog-modal-content{background:var(--color-night-gray);box-shadow:0 4px 30px #00000080}[data-theme=dark] .blog-modal-content .head-name h1{color:var(--color-text-primary)}[data-theme=dark] .blog-modal-content .editorjs-paragraph{color:var(--color-text-secondary)}[data-theme=dark] .blog-modal-content .editorjs-header,[data-theme=dark] .blog-modal-content .project-info-item h3{color:var(--color-text-primary)}[data-theme=dark] .blog-modal-content .project-info-item p{color:var(--color-text-secondary)}[data-theme=dark] .blog-modal-content .project-info-item{background:#ffffff08}[data-theme=tea] .blog-modal-content{background:var(--color-night-gray);box-shadow:0 4px 30px #00000080}[data-theme=tea] .blog-modal-content .head-name h1{color:var(--color-text-primary)}[data-theme=tea] .blog-modal-content .editorjs-paragraph{color:var(--color-text-secondary)}[data-theme=tea] .blog-modal-content .editorjs-header,[data-theme=tea] .blog-modal-content .project-info-item h3{color:var(--color-text-primary)}[data-theme=tea] .blog-modal-content .project-info-item p{color:var(--color-text-secondary)}[data-theme=tea] .blog-modal-content .project-info-item{background:#ffffff08}[data-theme=terminal] .blog-modal-content{background:var(--color-night-gray);box-shadow:0 4px 30px #4ade801a}[data-theme=terminal] .blog-modal-content .head-name h1{color:var(--color-text-primary)}[data-theme=terminal] .blog-modal-content .editorjs-paragraph{color:var(--color-text-secondary)}[data-theme=terminal] .blog-modal-content .editorjs-header,[data-theme=terminal] .blog-modal-content .project-info-item h3{color:var(--color-text-primary)}[data-theme=terminal] .blog-modal-content .project-info-item p{color:var(--color-text-secondary)}[data-theme=terminal] .blog-modal-content .project-info-item{background:#4ade8008}@media(max-width:768px){.blog-modal-content{top:auto;left:0;bottom:0;transform:translateY(100%);width:100%;max-width:none;max-height:90vh;border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #0000004d;padding:30px 20px 20px}.blog-modal-content:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#0000004d;border-radius:2px}}.blog-modal-content .head-name{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:20px}.blog-modal-content .head-name h1{color:var(--color-text-primary);text-align:right;font-family:playpen sans arabic,sans-serif;font-size:32px;font-weight:500;line-height:1.4}.blog-modal-content .close-modal{position:absolute;top:20px;right:20px;width:40px;height:40px;background:var(--color-surface-alt);border:none;border-radius:50%;cursor:pointer;z-index:11;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-text-primary);transition:all .3s ease}.blog-modal-content .close-modal:hover{background:var(--color-surface);transform:rotate(90deg)}@media(max-width:768px){.blog-modal-content .close-modal{top:25px;right:20px;background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-modal-content .close-modal:hover{background:#0003}}.blog-modal-content .blog-modal-details{width:100%;display:flex;flex-direction:column;gap:20px;align-items:flex-start;overflow:hidden}.blog-modal-content .blog-modal-details img{max-width:100%;height:auto;max-height:500px;object-fit:contain}.blog-modal-content .blog-info-section{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);text-align:start;width:100%}.font-primary{font-family:var(--font-primary),sans-serif}.font-brand{font-family:var(--font-brand),sans-serif}