:root{--primary-color: #00f0ff;--primary-dark: #00c0ff;--primary-light: #00f0ff33;--secondary-color: #ff00e4;--secondary-dark: #d400bf;--secondary-light: #ff00e433;--accent-color: #faff00;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #808080;--text-disabled: #505050;--text-inverted: #0a0a0a;--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-muted: #1a1a1a;--bg-overlay: rgba(0, 0, 0, .8);--bg-glass: rgba(10, 10, 10, .7);--bg-glass-light: rgba(255, 255, 255, .1);--glow-primary: 0 0 10px var(--primary-color), 0 0 20px var(--primary-color);--glow-secondary: 0 0 10px var(--secondary-color), 0 0 20px var(--secondary-color);--glow-accent: 0 0 10px var(--accent-color), 0 0 20px var(--accent-color);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-dark: #cbd5e1;--success-color: #00ff9d;--warning-color: #ffaa00;--error-color: #ff3366;--info-color: #00f0ff;--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--accent-color));--gradient-accent: linear-gradient(135deg, var(--accent-color), var(--primary-color));--gradient-bg: radial-gradient(circle at top, #1a1a1a, #0a0a0a);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(0, 0, 0, .5);--shadow-glow-primary: 0 0 15px rgba(0, 240, 255, .5);--shadow-glow-secondary: 0 0 15px rgba(255, 0, 228, .5);--card-shadow: var(--shadow-md), 0 0 8px rgba(0, 240, 255, .1);--card-shadow-hover: var(--shadow-glow-primary), var(--shadow-lg);--border-radius-sm: .125rem;--border-radius: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--container-padding: 1.5rem;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .4s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=dark]{--primary-color: #818cf8;--primary-dark: #6366f1;--primary-light: #1e1b4b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-muted: #334155;--bg-overlay: rgba(0, 0, 0, .7);--bg-glass: rgba(15, 23, 42, .8);--border-color: #334155;--border-light: #475569;--border-dark: #64748b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:color var(--transition-normal) var(--ease-in-out),background-color var(--transition-normal) var(--ease-in-out)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast) var(--ease-in-out)}a:hover{color:var(--primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-xs)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg);overflow-x:auto}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:var(--font-weight-semibold);background-color:var(--bg-secondary)}code,kbd,samp{font-family:var(--font-family-mono);font-size:.875em;padding:.125rem .25rem;background-color:var(--bg-secondary);border-radius:var(--border-radius-sm)}pre{font-family:var(--font-family-mono);background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);overflow-x:auto;margin-bottom:var(--spacing-lg);line-height:1.4}pre code{background-color:transparent;padding:0}blockquote{border-left:4px solid var(--primary-color);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--text-secondary);font-style:italic}hr{border:0;height:1px;background-color:var(--border-color);margin:var(--spacing-2xl) 0}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit}@media (max-width: 640px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--border-radius-full);transition:background-color var(--transition-fast) var(--ease-in-out)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html{scrollbar-width:thin;scrollbar-color:var(--border-dark) var(--bg-secondary)}::selection{background-color:var(--primary-light);color:var(--primary-dark)}::-moz-selection{background-color:var(--primary-light);color:var(--primary-dark)}.focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .4s;--transition-tech: .6s;--transition-pulse: 2s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-tech: cubic-bezier(.6, -.28, .735, .045)}.animate-fade-in{animation:fadeIn var(--transition-normal) var(--ease-out)}.animate-fade-out{animation:fadeOut var(--transition-normal) var(--ease-in)}.animate-slide-up{animation:slideUp var(--transition-normal) var(--ease-out)}.animate-slide-down{animation:slideDown var(--transition-normal) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--transition-normal) var(--ease-out)}.animate-bounce{animation:bounce var(--transition-slow) var(--ease-bounce)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-tech-glow{animation:techGlow 2s ease-in-out infinite alternate}.animate-tech-pulse{animation:techPulse 3s ease-in-out infinite}.animate-tech-scan{animation:techScan 4s ease-in-out infinite}.animate-tech-float{animation:techFloat 6s ease-in-out infinite}.animate-neon-flash{animation:neonFlash .5s ease-in-out 4}.animate-digital-noise{animation:digitalNoise .15s infinite}.animate-cyberpunk-border{animation:cyberpunkBorder 3s linear infinite}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.animate-scale-up{animation:scaleUp var(--transition-normal) var(--ease-out)}.animate-scale-down{animation:scaleDown var(--transition-normal) var(--ease-out)}.animate-rotate{animation:rotate 1s linear infinite}.animate-spin{animation:spin 1s linear infinite}.animate-gradient-x{background-size:200% 100%;animation:gradientX 3s ease infinite}.animate-gradient-y{background-size:100% 200%;animation:gradientY 3s ease infinite}.animate-gradient-xy{background-size:200% 200%;animation:gradientXY 4s ease infinite}.hover-lift{transition:transform var(--transition-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-3px)}.hover-lift-sm{transition:transform var(--transition-fast) var(--ease-out)}.hover-lift-sm:hover{transform:translateY(-1px)}.hover-scale{transition:transform var(--transition-normal) var(--ease-out)}.hover-scale:hover{transform:scale(1.03)}.hover-scale-sm{transition:transform var(--transition-fast) var(--ease-out)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-shadow{transition:box-shadow var(--transition-normal) var(--ease-out)}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-normal) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 0 3px #4f46e533}.fade-in-on-scroll{opacity:0;transform:translateY(20px);transition:opacity var(--transition-slow) var(--ease-out),transform var(--transition-slow) var(--ease-out)}.fade-in-on-scroll.appear{opacity:1;transform:translateY(0)}.stagger-in-on-scroll{opacity:0;transform:translateY(20px);transition:opacity var(--transition-slow) var(--ease-out),transform var(--transition-slow) var(--ease-out)}.stagger-in-on-scroll.appear{opacity:1;transform:translateY(0)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-sm{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.loading-dots{display:flex;gap:4px}.loading-dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;animation:loadingDot 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.progress-bar{position:fixed;top:0;left:0;height:3px;background-color:var(--primary-color);z-index:9999;transition:width .1s linear}.slide-down-menu{opacity:0;transform:translateY(-10px);transition:opacity var(--transition-normal) var(--ease-out),transform var(--transition-normal) var(--ease-out);pointer-events:none}.slide-down-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.tooltip{opacity:0;transform:translateY(5px);transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);pointer-events:none}.tooltip.show{opacity:1;transform:translateY(0)}.btn-animate{transition:all var(--transition-normal) var(--ease-out)}.btn-animate:active{transform:scale(.97);transition-duration:var(--transition-fast)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active:after{width:300px;height:300px}.tag-pulse{display:inline-block;padding:4px 8px;background-color:var(--bg-secondary);border-radius:12px;animation:tagPulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}@keyframes techGlow{0%{box-shadow:0 0 5px var(--primary-color)}to{box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-light)}}@keyframes techPulse{0%{transform:scale(1);box-shadow:0 0 5px var(--primary-color)}50%{transform:scale(1.02);box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-light)}to{transform:scale(1);box-shadow:0 0 5px var(--primary-color)}}@keyframes techScan{0%{background-position:0 -100vh}to{background-position:0 100vh}}@keyframes techFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(5px) rotate(-1deg)}}@keyframes neonFlash{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.5) saturate(1.2)}}@keyframes digitalNoise{0%,to{background-position:0 0}10%{background-position:-5% -10%}30%{background-position:3% 15%}50%{background-position:12% 5%}70%{background-position:-9% 8%}90%{background-position:5% -12%}}@keyframes cyberpunkBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.digital-noise-bg{position:relative;overflow:hidden}.digital-noise-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJub2lzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNjUiIG51bU9jdGF2ZXM9IjUiIHN0aXRjaFRpbGVzPSJzdGl0Y2giIHJlc3VsdD0ibm9pc2UiIC8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC4zIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiByZXN1bHQ9ImJsYXJ0IiBjb21tZW50cz0ibm9pc2UiIC8+PGZlR2F1c3NpYW5NYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMyAwIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjMwMCIgaGVpZ2h0PSIzMDAiIGZpbHRlcj0idXJsKCNub2lzZSkiLz48L3N2Zz4=);opacity:.05;z-index:-1;pointer-events:none}.scanline-effect{position:relative;overflow:hidden}.scanline-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.05) 50%);background-size:100% 4px;z-index:10;pointer-events:none;animation:scanlineMove .5s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleDown{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientX{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientY{0%{background-position:50% 0%}50%{background-position:50% 100%}to{background-position:50% 0%}}@keyframes gradientXY{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes loadingDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes tagPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;padding:0;font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;position:relative;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:crisp-edges}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;background:linear-gradient(135deg,rgba(16,16,24,.95) 0%,rgba(24,24,36,.95) 100%)}.tech-glow{position:relative}.tech-glow:after{content:"";position:fixed;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,240,255,.05) 0%,rgba(0,0,0,0) 70%);pointer-events:none;z-index:-1;animation:techPulse 8s ease-in-out infinite}.site-header{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(0,240,255,.3)}.header-content{max-width:1200px;margin:0 auto;padding:0 20rem 0 1rem;width:100%;display:flex;justify-content:space-between;align-items:center}.nav-container{display:flex;align-items:center}.site-title{font-size:1.5rem;margin:0;white-space:nowrap;color:#fff!important;flex-shrink:0;font-weight:700;background:#000000;padding:.5rem;border-radius:4px}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer;z-index:110}.nav-toggle-bar{height:3px;width:100%;background-color:var(--primary-color);border-radius:1.5px;transition:all .3s ease}.site-title a{color:#fff!important;text-decoration:none;display:inline-block;font-weight:700;position:relative;z-index:1000;padding:0!important}.site-title a:before{display:none}.site-title a:hover:before{display:none}.site-title a:hover{text-shadow:none!important;color:#fff!important}.title-gradient{color:#fff;font-size:2.5rem;font-weight:700;padding:.5rem;display:inline-block;background:linear-gradient(45deg,#ff6ec7,#7873f5,#66d9ff,#7873f5,#ff6ec7);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientMove 8s ease infinite;text-shadow:0 0 2px rgba(255,255,255,.3),0 0 4px rgba(255,255,255,.2);position:relative;z-index:10}.site-title{background:rgba(0,0,0,.7);padding:.5rem;border-radius:4px;display:inline-block}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav-menu{display:flex;justify-content:center;list-style:none;gap:1.5rem;margin:0;padding:0}.site-nav a{color:var(--text-primary);text-decoration:none;transition:all .3s ease;position:relative;padding:.5rem .7rem;display:inline-block;font-weight:500;border-radius:4px;font-size:.95rem}.site-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%);background-color:var(--primary-color);box-shadow:0 0 8px var(--primary-color);transition:width .3s ease,box-shadow .3s ease}.site-nav a:hover{color:var(--primary-color);text-shadow:0 0 3px rgba(0,240,255,.8);background-color:#00f0ff1a}.site-nav a:hover:after{width:80%;box-shadow:0 0 12px var(--primary-color)}.site-nav .router-link-active{color:var(--primary-color);text-shadow:0 0 3px rgba(0,240,255,.8);background-color:#00f0ff26;box-shadow:0 0 8px #00f0ff33;position:relative;font-weight:600}.site-nav .router-link-active:after{content:"";position:absolute;width:80%;height:3px;bottom:0;left:50%;transform:translate(-50%);background-color:var(--primary-color);box-shadow:0 0 15px var(--primary-color);border-radius:1.5px;animation:pulse 2s infinite}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:8rem 1rem 2rem;width:100%;position:relative}.main-content:before{content:"";position:absolute;top:2rem;left:2rem;right:2rem;bottom:2rem;border:1px solid rgba(0,240,255,.1);pointer-events:none;border-radius:4px;z-index:-1}@media (max-width: 768px){.nav-toggle{display:flex;position:absolute;top:1rem;right:1rem}.header-content{padding:0 1rem;justify-content:center;flex-wrap:wrap}.nav-container{width:100%;justify-content:flex-end}.nav-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;align-items:center;transition:.3s ease;gap:2rem;border-left:1px solid var(--primary-color);box-shadow:-5px 0 15px #00f0ff1a}.nav-menu.active{right:0}.nav-toggle.active .nav-toggle-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.main-content{padding:7rem 1rem 2rem}}.site-footer{background-color:#101018cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);padding:2rem 0;margin-top:4rem;border-top:1px solid rgba(0,240,255,.1);position:relative;box-shadow:0 -5px 15px #0000004d;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.footer-content a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}.footer-content a:hover{text-shadow:0 0 8px var(--primary-color)}.fade-enter-active,.fade-leave-active{transition:all .5s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 15px var(--primary-color)}50%{opacity:.8;box-shadow:0 0 25px var(--primary-color),0 0 35px var(--primary-color)}}@keyframes techPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}@media (max-width: 992px){.header-content{padding:0 .5rem}.nav-menu{gap:1rem}.site-nav a{padding:.4rem .6rem;font-size:.9rem}.site-title{font-size:1.3rem}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;background-color:var(--bg-primary)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--gradient-bg);background-attachment:fixed}::selection{background-color:var(--primary-light);color:var(--text-primary)}::-moz-selection{background-color:var(--primary-light);color:var(--text-primary)}a{color:var(--primary-color);text-decoration:none;transition:all .3s ease;position:relative;display:inline-block}a:hover{color:var(--primary-color);text-shadow:0 0 8px var(--primary-color)}a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--primary-color);box-shadow:0 0 8px var(--primary-color);transition:width .3s ease}a:hover:after{width:100%}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1.2;color:var(--text-primary);text-shadow:0 0 10px rgba(0,240,255,.3)}h1{font-size:2rem;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:.5rem 0}h2{font-size:1.75rem;border-bottom:2px solid var(--primary-light);padding-bottom:.3em;position:relative}h2:after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:2px;background-color:var(--primary-color);box-shadow:0 0 8px var(--primary-color)}h3{font-size:1.5rem;color:var(--primary-color)}p{margin-top:0;margin-bottom:1rem}ul,ol{padding-left:1.5rem;margin-bottom:1rem}li{margin-bottom:.25rem}pre{background-color:#0f1923;color:#f8f8f2;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem;border:1px solid rgba(0,240,255,.2);box-shadow:0 4px 6px #0000004d,0 0 10px #00f0ff1a}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;background-color:#00f0ff1a;color:var(--primary-color);padding:.2em .4em;border-radius:3px;font-size:.9em}pre code{background-color:transparent;padding:0;border-radius:0;color:#f8f8f2}.card{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:var(--card-shadow);overflow:hidden;transition:all .3s ease;margin-bottom:1.5rem;border:1px solid rgba(0,240,255,.1)}.card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover);border-color:#00f0ff4d}.card-header{padding:1rem;border-bottom:1px solid rgba(0,240,255,.1);background:linear-gradient(135deg,var(--bg-glass),rgba(0,240,255,.05))}.card-body{padding:1rem}.card-footer{padding:1rem;background-color:#0a0a0a80;border-top:1px solid rgba(0,240,255,.1)}.btn{display:inline-block;padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-inverted);border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:-1}.btn:hover{text-decoration:none;box-shadow:0 0 15px var(--primary-color);transform:translateY(-2px)}.btn:hover:before{left:100%}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color))}.btn-secondary:hover{box-shadow:0 0 15px var(--secondary-color)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color);background-image:none}.btn-outline:hover{background-color:var(--primary-color);color:var(--text-inverted);box-shadow:0 0 15px var(--primary-color)}.text-center{text-align:center}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.blog-post{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:var(--card-shadow);padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(0,240,255,.1);transition:all .3s ease}.blog-post:hover{box-shadow:var(--card-shadow-hover);border-color:#00f0ff4d}.blog-post-title{font-size:1.75rem;margin-bottom:.5rem;color:var(--primary-color);text-decoration:none}.blog-post-title:hover{text-shadow:0 0 10px var(--primary-color)}.blog-post-meta{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.blog-post-excerpt{margin-bottom:1rem;color:var(--text-primary)}.project-card{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:var(--card-shadow);overflow:hidden;margin-bottom:2rem;border:1px solid rgba(0,240,255,.1);transition:all .3s ease}.project-card:hover{box-shadow:var(--card-shadow-hover);border-color:#00f0ff4d;transform:translateY(-5px)}.project-image{height:200px;overflow:hidden;border-bottom:1px solid rgba(0,240,255,.2);position:relative}.project-image:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color))}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--primary-color)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.project-tag{background-color:#00f0ff1a;color:var(--primary-color);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;border:1px solid rgba(0,240,255,.3);transition:all .3s ease}.project-tag:hover{background-color:#00f0ff33;box-shadow:0 0 8px #00f0ff4d}.row{display:flex;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.col{flex-basis:0;flex-grow:1;max-width:100%;padding-right:1rem;padding-left:1rem}.col-6{flex:0 0 50%;max-width:50%;padding-right:1rem;padding-left:1rem}.col-4{flex:0 0 33.333333%;max-width:33.333333%;padding-right:1rem;padding-left:1rem}.col-8{flex:0 0 66.666667%;max-width:66.666667%;padding-right:1rem;padding-left:1rem}@media (max-width: 768px){.col-6,.col-4,.col-8{flex:0 0 100%;max-width:100%}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,240,255,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;box-shadow:0 0 8px #00f0ff4d}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:center;margin-top:2rem}.pagination-item{padding:.5rem .75rem;margin:0 .25rem;border:1px solid #dee2e6;border-radius:4px;cursor:pointer}.pagination-item.active{background-color:#3498db;color:#fff;border-color:#3498db}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag-cloud-item{padding:.25rem .5rem;background-color:#00f0ff1a;border-radius:4px;font-size:.9rem;transition:all .3s ease;color:var(--primary-color);border:1px solid rgba(0,240,255,.2)}.tag-cloud-item:hover{background-color:#00f0ff33;color:var(--text-primary);text-decoration:none;box-shadow:0 0 8px #00f0ff66}.sidebar{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:var(--card-shadow);padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(0,240,255,.1)}.sidebar-title{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,240,255,.2);color:var(--primary-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.toc{background-color:#f8f9fa;border-radius:4px;padding:1rem;margin-bottom:1.5rem}.toc-title{font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.toc-list{list-style:none;padding-left:0}.toc-item{margin-bottom:.25rem}.toc-link{display:block;padding:.25rem 0;font-size:.9rem}.toc-link.level-2{padding-left:1rem}.toc-link.level-3{padding-left:2rem;font-size:.85rem}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}