:root{--color-black: #000000 ;--color-on-black: #fff;--bg-page: #f4f4f4;--bg-card: #fafafa;--bg-card-hover: #EDF2F8;--bg-stack-card: #eff3f7;--text-secondary: #4d4d4d;--text-muted: #55575a;--border-color: #ededed;--border-subtle: rgba(255, 255, 255, 1);--text-dark: #111827;--text-arrow: #374151;--text-desc: #6b7280;--text-bullet: #333;--line-color: #d5d2d2;--project-hover-overlay: rgba(255, 255, 255, .61);--gradient-fade: rgba(255, 255, 255, 0);--btn-bg: linear-gradient(135deg, #3f8ed4, #1c5a9e);--btn-color: #fafafa;--gradient-color: linear-gradient(135deg, #3f8ed4, #1c5a9e);--sidebar-mobil-bg-color: rgba(255, 255, 255, .8);--radius-sm: .4375rem;--radius-md: 1rem;--radius-lg: 1.3rem;--transition-quick: .2s ease;--transition-fast: .25s ease;--transition-base: .3s ease;--transition-medium: .8s cubic-bezier(.4, 0, .2, 1);--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-md: 1.1rem;--text-lg: 1.3rem;--text-xl: 1.5rem;--text-2xl: 2.3rem;--text-3xl: 2.5rem;--sidebar-offset: 1.25rem;--sidebar-padding: clamp(.875rem, 2vw, 1.5rem);--sidebar-content-width: 14rem;--sidebar-icon-size: clamp(3.75rem, 5vw, 4.6875rem);--sidebar-avatar-size: 3.75rem;--sidebar-width: calc(var(--sidebar-content-width) + 2 * var(--sidebar-padding));--sidebar-collapsed-width: calc(var(--sidebar-icon-size) + 2 * var(--sidebar-padding));--sidebar-mobile-height: calc(var(--sidebar-padding) * 2 + var(--sidebar-avatar-size));--sidebar-mobile-gap: var(--space-sm);--space-xs: .3125rem;--space-sm: .625rem;--space-md: .9375rem;--space-lg: 1.25rem;--space-xl: 1.5rem;--space-2xl: 1.875rem;--space-3xl: 2.5rem;--space-4xl: 3rem;--space-5xl: 3.125rem;--shadow: 0px 8px 6px rgba(3, 7, 18, .01), 0px 32px 24px rgba(3, 7, 18, .01);--scrollbar-thumb: rgba(0, 0, 0, .14);--scrollbar-thumb-hover: rgba(0, 0, 0, .26)}body.dark{--color-black: #dce6f5;--color-on-black: #2a3d62;--bg-page: #1a2540;--bg-card: rgba(255, 255, 255, .06);--bg-card-hover: rgba(0, 0, 0, .1);--bg-stack-card: rgba(255, 255, 255, .4);--text-secondary: #c8d8ee;--text-muted: #9aaece;--border-color: rgba(160, 190, 230, .18);--border-subtle: rgba(255, 255, 255, .08);--text-dark: #dce6f5;--text-arrow: #a8bedd;--text-desc: #8099be;--text-bullet: #b0c5e0;--line-color: #3a4f72;--project-hover-overlay: rgba(15, 28, 60, .55);--gradient-fade: rgba(26, 37, 64, 0);--btn-color: #dce6f5;--sidebar-mobil-bg-color: rgba(26, 37, 64, .7);--scrollbar-thumb: rgba(220, 230, 245, .16);--scrollbar-thumb-hover: rgba(220, 230, 245, .3);background:#263552}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html{font-size:clamp(15px,calc(11.73px + .2222vw),16px);background:linear-gradient(135deg,#e1e9f4 5% 50%,#edf2f8);min-height:100vh}body{color:var(--color-black);margin:0;width:100%;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}body,button{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}p,h1,h2,h3{margin:0}.arrow-right,.arrow-left{margin-top:1px;font-size:17px}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}