@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Exo:wght@300;400;500;600;700;800&display=swap");:root{--makr-blue:hsl(188,100%,41%);--makr-blue-dark:hsl(188,100%,30%);--makr-blue-light:hsl(188,100%,51%);--makr-blue-50:hsl(188,100%,94%);--makr-blue-100:hsl(188,100%,84%);--makr-blue-900:hsl(188,100%,19%);--makrx-teal:hsl(172,63%,54%);--makrx-teal-dark:hsl(172,63%,38%);--makrx-teal-light:hsl(172,63%,70%);--makr-yellow:hsl(51,100%,50%);--makr-yellow-dark:hsl(48,100%,45%);--makr-yellow-light:hsl(51,100%,74%);--makr-yellow-50:hsl(51,100%,94%);--makr-yellow-100:hsl(51,100%,89%);--makr-yellow-900:hsl(40,100%,42%);--terminal-green:hsl(120,100%,50%);--terminal-green-dark:hsl(120,100%,40%);--terminal-green-light:hsl(120,100%,60%);--success:hsl(120,100%,50%);--warning:hsl(51,100%,50%);--error:hsl(0,100%,54%);--info:hsl(188,100%,41%);--dark-bg-primary:hsl(0,0%,4%);--dark-bg-secondary:hsl(0,0%,7%);--dark-bg-tertiary:hsl(0,0%,12%);--dark-surface:hsl(0,0%,10%);--dark-border:hsl(0,0%,20%);--dark-border-light:hsl(0,0%,25%);--dark-text-primary:hsl(210,40%,96%);--dark-text-secondary:hsl(210,14%,81%);--dark-text-muted:hsl(210,14%,73%);--dark-text-accent:hsl(188,100%,41%);--background:hsl(0,0%,4%);--foreground:hsl(0,0%,88%);--card:hsl(0,0%,6%);--card-foreground:hsl(0,0%,88%);--popover:hsl(0,0%,4%);--popover-foreground:hsl(0,0%,88%);--primary:hsl(188,100%,41%);--primary-foreground:hsl(0,0%,0%);--cyberpunk-primary-color:var(--primary);--cyberpunk-secondary-color:var(--makr-yellow);--cyberpunk-primary-muted-bg:hsl(188 100% 41%/0.12);--cyberpunk-primary-muted-border:hsl(188 100% 41%/0.35);--secondary:hsl(0,0%,10%);--secondary-foreground:hsl(0,0%,100%);--muted:hsl(0,0%,10%);--muted-foreground:hsl(0,0%,63%);--accent:hsl(0,0%,10%);--accent-foreground:hsl(0,0%,88%);--destructive:hsl(0,85%,60%);--destructive-foreground:hsl(0,0%,100%);--border:hsl(188 100% 41%/0.3);--input:hsl(0,0%,10%);--ring:hsl(188,100%,41%);--radius:0.5rem;--font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Monaco","Cascadia Code",monospace;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-neon:0 0 20px rgba(0,188,212,0.3);--shadow-neon-lg:0 0 40px rgba(0,188,212,0.4);--shadow-neon-yellow:0 0 20px rgba(255,235,59,0.3);--shadow-neon-green:0 0 20px rgba(0,255,0,0.3);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--chart-1:hsl(188,100%,41%);--chart-2:hsl(141,82%,45%);--chart-3:hsl(326,78%,58%);--chart-4:hsl(47,95%,58%);--chart-5:hsl(260,89%,68%);--btn-bg:var(--primary);--btn-text:var(--primary-foreground);--btn-shadow:var(--shadow-neon);--btn-ring:var(--ring);--btn-bg-hover:hsl(188,100%,32%);--btn-destructive-bg:var(--destructive);--btn-destructive-text:var(--destructive-foreground);--btn-destructive-bg-hover:hsl(0,85%,50%);--btn-outline-border:var(--border);--btn-outline-bg:transparent;--btn-outline-text:var(--foreground);--btn-outline-bg-hover:var(--primary);--btn-outline-text-hover:var(--primary-foreground);--btn-secondary-bg:var(--secondary);--btn-secondary-text:var(--secondary-foreground);--btn-secondary-bg-hover:hsl(0,0%,20%);--btn-ghost-bg-hover:var(--muted);--btn-ghost-text-hover:var(--foreground);--btn-link-text:var(--primary);--card-bg:var(--card);--card-border:var(--dark-border);--card-text:var(--card-foreground);--card-shadow:var(--shadow-sm);--card-muted-foreground:var(--muted-foreground);--input-bg:var(--input);--input-border:var(--border);--input-shadow:var(--shadow-sm);--input-ring:var(--ring);--input-placeholder:var(--muted-foreground);--input-file-bg:transparent;--input-file-text:var(--foreground);--dialog-overlay-bg:rgba(0,0,0,0.8);--dialog-content-bg:var(--card);--dialog-content-border:var(--dark-border);--dialog-content-shadow:var(--shadow-lg);--dialog-content-duration:200ms;--dropdown-bg:var(--popover);--dropdown-border:var(--dark-border);--dropdown-text:var(--popover-foreground);--dropdown-shadow:var(--shadow-md);--dropdown-item-hover-bg:var(--accent);--dropdown-item-hover-text:var(--accent-foreground);--select-bg:var(--input);--select-border:var(--dark-border);--select-text:var(--foreground);--select-placeholder:var(--muted-foreground);--select-shadow:var(--shadow-sm);--select-ring:var(--ring);--select-ring-offset:var(--background);--select-content-bg:var(--popover);--select-content-border:var(--dark-border);--select-content-text:var(--popover-foreground);--select-content-shadow:var(--shadow-md);--select-label-text:var(--muted-foreground);--select-item-focus-bg:var(--accent);--select-item-focus-text:var(--accent-foreground);--tabs-list-bg:var(--muted);--tabs-list-text:var(--muted-foreground);--tabs-trigger-ring-offset:var(--background);--tabs-trigger-ring:var(--ring);--tabs-trigger-bg-active:var(--background);--tabs-trigger-text-active:var(--foreground);--tabs-trigger-shadow-active:var(--shadow-sm);--table-text:var(--foreground);--table-header-border:var(--dark-border);--table-footer-border:var(--dark-border);--table-footer-bg:var(--muted);--table-row-border:var(--dark-border);--table-row-bg-hover:var(--muted);--table-row-bg-selected:var(--muted);--table-head-muted-foreground:var(--muted-foreground);--table-caption-muted-foreground:var(--muted-foreground)}.light,.theme-light,:root.light,[data-theme=light]{--makr-blue:hsl(188,100%,30%);--makr-blue-dark:hsl(188,100%,19%);--makr-blue-light:hsl(188,100%,41%);--makr-yellow:hsl(40,100%,42%);--makr-yellow-dark:hsl(32,100%,32%);--makr-yellow-light:hsl(51,100%,50%);--terminal-green:hsl(140,58%,42%);--terminal-green-dark:hsl(140,67%,24%);--terminal-green-light:hsl(140,58%,60%);--dark-bg-primary:hsl(15,30%,96%);--dark-bg-secondary:hsl(20,25%,93%);--dark-bg-tertiary:hsl(20,20%,88%);--dark-surface:hsl(20,30%,98%);--dark-border:hsl(20,15%,82%);--dark-border-light:hsl(20,14%,76%);--dark-text-primary:hsl(222,47%,11%);--dark-text-secondary:hsl(218,11%,28%);--dark-text-muted:hsl(220,13%,32%);--dark-text-accent:hsl(188,100%,30%);--background:hsl(30,15%,96%);--foreground:hsl(0,0%,15%);--card:hsl(30,20%,98%);--card-foreground:hsl(0,0%,15%);--popover:hsl(30,20%,98%);--popover-foreground:hsl(0,0%,15%);--primary:hsl(188,100%,32%);--primary-foreground:hsl(0,0%,100%);--cyberpunk-primary-color:var(--primary);--cyberpunk-secondary-color:var(--makr-yellow);--cyberpunk-primary-muted-bg:hsl(188 100% 32%/0.14);--cyberpunk-primary-muted-border:hsl(188 100% 32%/0.45);--secondary:hsl(30,10%,93%);--secondary-foreground:hsl(0,0%,9%);--muted:hsl(30,10%,93%);--muted-foreground:hsl(0,0%,28%);--accent:hsl(30,10%,93%);--accent-foreground:hsl(0,0%,9%);--destructive:hsl(0,85%,50%);--destructive-foreground:hsl(0,0%,100%);--border:hsl(30,8%,85%);--input:hsl(30,15%,96%);--ring:hsl(188,100%,32%);--btn-bg:var(--primary);--btn-text:var(--primary-foreground);--btn-shadow:var(--shadow-sm);--btn-ring:var(--ring);--btn-bg-hover:hsl(188,100%,28%);--btn-destructive-bg:var(--destructive);--btn-destructive-text:var(--destructive-foreground);--btn-destructive-bg-hover:hsl(0,85%,45%);--btn-outline-border:var(--border);--btn-outline-bg:transparent;--btn-outline-text:var(--foreground);--btn-outline-bg-hover:var(--primary);--btn-outline-text-hover:var(--primary-foreground);--btn-secondary-bg:var(--secondary);--btn-secondary-text:var(--secondary-foreground);--btn-secondary-bg-hover:hsl(30,10%,85%);--btn-ghost-bg-hover:var(--muted);--btn-ghost-text-hover:var(--foreground);--btn-link-text:var(--primary);--card-bg:var(--card);--card-border:var(--border);--card-text:var(--card-foreground);--card-shadow:var(--shadow-sm);--card-muted-foreground:var(--muted-foreground);--input-bg:var(--input);--input-border:var(--border);--input-shadow:var(--shadow-sm);--input-ring:var(--ring);--input-placeholder:var(--muted-foreground);--input-file-bg:transparent;--input-file-text:var(--foreground);--dialog-overlay-bg:rgba(0,0,0,0.5);--dialog-content-bg:var(--card);--dialog-content-border:var(--border);--dialog-content-shadow:var(--shadow-lg);--dialog-content-duration:200ms;--dropdown-bg:var(--popover);--dropdown-border:var(--border);--dropdown-text:var(--popover-foreground);--dropdown-shadow:var(--shadow-md);--dropdown-item-hover-bg:var(--accent);--dropdown-item-hover-text:var(--accent-foreground);--select-bg:var(--input);--select-border:var(--border);--select-text:var(--foreground);--select-placeholder:var(--muted-foreground);--select-shadow:var(--shadow-sm);--select-ring:var(--ring);--select-ring-offset:var(--background);--select-content-bg:var(--popover);--select-content-border:var(--border);--select-content-text:var(--popover-foreground);--select-content-shadow:var(--shadow-md);--select-label-text:var(--muted-foreground);--select-item-focus-bg:var(--accent);--select-item-focus-text:var(--accent-foreground);--tabs-list-bg:var(--muted);--tabs-list-text:var(--muted-foreground);--tabs-trigger-ring-offset:var(--background);--tabs-trigger-ring:var(--ring);--tabs-trigger-bg-active:var(--background);--tabs-trigger-text-active:var(--foreground);--tabs-trigger-shadow-active:var(--shadow-sm);--table-text:var(--foreground);--table-header-border:var(--border);--table-footer-border:var(--border);--table-footer-bg:var(--muted);--table-row-border:var(--border);--table-row-bg-hover:var(--muted);--table-row-bg-selected:var(--muted);--table-head-muted-foreground:var(--muted-foreground);--table-caption-muted-foreground:var(--muted-foreground);--toast-bg:var(--card);--toast-border:var(--border);--toast-text:var(--card-foreground);--toast-shadow:var(--shadow-lg);--toast-destructive-bg:hsl(0 85% 50%/0.12);--toast-destructive-border:hsl(0 85% 50%/0.35);--toast-destructive-text:var(--destructive-foreground);--skeleton-bg:hsl(0 0% 88%);--skeleton-shimmer:hsl(0 0% 92%)}.text-gradient-cyberpunk{background:linear-gradient(135deg,rgba(0,188,212,1),rgba(255,235,59,.8),rgba(255,255,255,.6));background-clip:text;-webkit-background-clip:text;color:transparent}body{font-family:var(--font-body);font-weight:400;line-height:1.5;margin:0;min-height:100vh;background-color:var(--dark-bg-primary);color:var(--dark-text-primary);font-size:16px;letter-spacing:-.011em;transition:background-color var(--transition-base),color var(--transition-base);background-image:radial-gradient(circle at 12% 8%,rgba(0,188,212,.15),transparent 34%),radial-gradient(circle at 88% 4%,rgba(255,235,59,.1),transparent 50%)}body:after,body:before{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:9999px;filter:blur(0);transform:translateZ(0)}body:before{top:-18vh;right:-20vh;width:60vh;height:60vh;background:radial-gradient(circle,rgba(0,188,212,.3),transparent 65%);opacity:.38;mix-blend-mode:screen}body:after{bottom:-22vh;left:-18vh;width:65vh;height:65vh;background:radial-gradient(circle,rgba(255,235,59,.24),transparent 68%);mix-blend-mode:screen}.theme-light body:before,body:after{opacity:.24}.theme-light body:after{opacity:.18}.theme-dark body:before{opacity:.48;filter:blur(6px)}.theme-dark body:after{opacity:.32;filter:blur(8px)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*,:after,:before,html{scroll-behavior:auto!important}body:after,body:before{animation:none!important;filter:none!important}.theme-transition{transition:none!important}}.glass-morphism{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.glass-morphism,.theme-light .glass-morphism{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}.theme-light .glass-morphism{background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.05)}.neon-border{border:1px solid var(--primary);box-shadow:0 0 10px var(--cyberpunk-primary-muted-border)}.neon-text{text-shadow:0 0 8px var(--primary)}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hover-glow{transition:var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-neon);transform:translateY(-2px)}.tech-grid-bg{background-image:linear-gradient(rgba(0,217,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,217,255,.05) 1px,transparent 0);background-size:30px 30px}