:root{--primary-bg: #000000;--secondary-bg: #0d1117;--accent-bg: #161b22;--card-bg: #0d1117;--primary-color: #007acc;--secondary-color: #ff6b35;--accent-color: #17a2b8;--code-color: #6f42c1;--text-primary: #ffffff;--text-secondary: #e1e8ed;--text-muted: #8b949e;--gradient-primary: linear-gradient(135deg, #007acc 0%, #17a2b8 50%, #ff6b35 100%);--gradient-dark: linear-gradient(135deg, #000000 0%, #0d1117 50%, #161b22 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(0, 122, 204, .3)}[data-theme=light]{--primary-bg: #ffffff;--secondary-bg: #f5f5f5;--accent-bg: #eeeeee;--card-bg: #f5f5f5;--primary-color: #0066cc;--secondary-color: #ff6b35;--accent-color: #0099cc;--code-color: #6f42c1;--text-primary: #1a1a1a;--text-secondary: #333333;--text-muted: #555555;--gradient-primary: linear-gradient(135deg, #0066cc 0%, #0099cc 50%, #ff6b35 100%);--gradient-dark: linear-gradient(135deg, #ffffff 0%, #f5f5f5 50%, #eeeeee 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(0, 102, 204, .2)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{background-color:var(--primary-bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--primary-bg);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,122,204,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,122,204,.015) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:-2}.App{background-color:var(--primary-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4vw,2.5rem);text-align:center;margin-bottom:3rem;position:relative}h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-sm)}h3{font-size:clamp(1.5rem,3vw,1.8rem)}h4{font-size:clamp(1.2rem,2.5vw,1.4rem)}p{margin-bottom:1rem;font-size:1rem;line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--accent-color)}[data-theme=light] h2{color:#000}[data-theme=light] h3{color:#1a1a1a}::selection{background:var(--primary-color);color:var(--primary-bg)}::-moz-selection{background:var(--primary-color);color:var(--primary-bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.pixel-text{font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;text-rendering:optimizeSpeed}.highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.centered-header,.centered-title{text-align:center!important}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.desktop-only{display:flex;align-items:center;gap:1rem}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.hidden{display:none}.invisible{visibility:hidden}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}img{max-width:100%;height:auto;display:block;image-rendering:-webkit-optimize-contrast}.aspect-ratio-16-9{aspect-ratio:16 / 9}.aspect-ratio-4-3{aspect-ratio:4 / 3}.aspect-ratio-1-1{aspect-ratio:1 / 1}.will-change-transform{will-change:transform;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:none!important;animation:none!important}@media print{body:before{display:none}*{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important}@page{margin:2cm}}[data-theme=light] .hero-content h1,[data-theme=light] .degree-title,[data-theme=light] .skill-item span,[data-theme=light] .project-content h3{color:#1a1a1a!important}[data-theme=light] .project-content p,[data-theme=light] .about-text p{color:#333!important}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;overflow:hidden}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}::view-transition-group(root){animation-duration:.5s;animation-timing-function:ease-in-out}@keyframes scale-up{0%{transform:scale(0);border-radius:50%}to{transform:scale(1.5);border-radius:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes glowBreathing{0%,to{box-shadow:0 0 15px #007acc33,inset 0 0 10px #007acc0d}50%{box-shadow:0 0 30px #007acc99,inset 0 0 20px #007acc26}}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 4px #28a74599}50%{opacity:.3;transform:scale(1.2);box-shadow:0 0 8px #28a745cc}}@keyframes typewriter-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes heroPixelFloat{0%,to{transform:translate(0) scale(.5) rotate(0);opacity:0}25%{opacity:.3;transform:translate(calc(var(--x-movement) * var(--direction) * .4),calc(var(--y-movement) * -.2)) scale(1) rotate(90deg)}50%{opacity:.5;transform:translate(calc(var(--x-movement) * var(--direction) * -.2),calc(var(--y-movement) * -.4)) scale(1.2) rotate(180deg)}75%{opacity:.3;transform:translate(calc(var(--x-movement) * var(--direction) * .3),calc(var(--y-movement) * -.3)) scale(.8) rotate(270deg)}}@keyframes heroPixelFloat2{0%,to{transform:translate(0) scale(.5) rotate(0);opacity:0}30%{transform:translate(calc(var(--x-movement) * var(--direction) * -.3),calc(var(--y-movement) * .3)) scale(1) rotate(-60deg);opacity:.4}60%{transform:translate(calc(var(--x-movement) * var(--direction) * .4),calc(var(--y-movement) * -.3)) scale(.9) rotate(120deg);opacity:.35}}@keyframes heroPixelFloat3{0%,to{transform:translate(0) scale(.5) rotate(0);opacity:0}40%{transform:translate(calc(var(--x-movement) * var(--direction) * .5),calc(var(--y-movement) * -.15)) scale(1.1) rotate(100deg);opacity:.45}70%{transform:translate(calc(var(--x-movement) * var(--direction) * -.3),calc(var(--y-movement) * -.25)) scale(.85) rotate(200deg);opacity:.3}}.scroll-animate{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.fade-up{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-up.animate-in{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1)}.scale-in.animate-in{opacity:1;transform:scale(1)}.slide-left{opacity:0;transform:translate(-30px);transition:all .7s cubic-bezier(.4,0,.2,1)}.slide-left.animate-in{opacity:1;transform:translate(0)}.slide-right{opacity:0;transform:translate(30px);transition:all .7s cubic-bezier(.4,0,.2,1)}.slide-right.animate-in{opacity:1;transform:translate(0)}.luca-scroll-animate{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.luca-scroll-animate.luca-animate-in{opacity:1;transform:translateY(0)}.luca-stagger-item{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.luca-stagger-item.luca-animate-in{opacity:1;transform:translateY(0)}.luca-scale-in{opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1)}.luca-scale-in.luca-animate-in{opacity:1;transform:scale(1)}.luca-slide-left{opacity:0;transform:translate(-30px);transition:all .7s cubic-bezier(.4,0,.2,1)}.luca-slide-left.luca-animate-in{opacity:1;transform:translate(0)}.luca-slide-right{opacity:0;transform:translate(30px);transition:all .7s cubic-bezier(.4,0,.2,1)}.luca-slide-right.luca-animate-in{opacity:1;transform:translate(0)}.luca-fade-up{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.luca-fade-up.luca-animate-in{opacity:1;transform:translateY(0)}.scroll-animate,.fade-up,.scale-in,.slide-left,.slide-right,.luca-scroll-animate,.luca-stagger-item,.luca-scale-in,.luca-slide-left,.luca-slide-right,.luca-fade-up{will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){.scroll-animate,.fade-up,.scale-in,.slide-left,.slide-right,.luca-scroll-animate,.luca-stagger-item,.luca-scale-in,.luca-slide-left,.luca-slide-right,.luca-fade-up{transition:none!important;opacity:1!important;transform:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{display:inline-block;padding:12px 30px;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;text-align:center;transition:all var(--transition-normal);border:none;cursor:pointer;font-size:1rem;position:relative;overflow:hidden;font-family:inherit}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-normal)}.btn:hover:before{left:100%}.btn-primary{background:none;color:var(--text-secondary);box-shadow:none;border:none;display:inline-flex;align-items:center;gap:.5rem;padding:8px 16px}.btn-primary:hover{transform:none;background:none;box-shadow:none;opacity:.7}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:none;color:var(--text-secondary);border:none;box-shadow:none;display:inline-flex;align-items:center;gap:.5rem;padding:8px 16px}.btn-secondary:hover{background:none;transform:none;box-shadow:none;opacity:.7}.btn-secondary:active{transform:translateY(0)}[data-theme=light] .btn-primary,[data-theme=light] .btn-secondary{color:#1a1a1a}[data-theme=light] .btn-primary:hover,[data-theme=light] .btn-secondary:hover{color:#1a1a1a;opacity:.7}.btn-outline{background:none;color:var(--text-secondary);border:none;transition:all var(--transition-normal);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;padding:8px 16px}.btn-outline:hover{background:none;color:var(--text-secondary);border:none;box-shadow:none;transform:none;opacity:.7}.btn-outline:active{transform:translateY(0)}[data-theme=light] .btn-outline{color:#1a1a1a}[data-theme=light] .btn-outline:hover{color:#1a1a1a;opacity:.7}.btn-small{padding:8px 20px;font-size:.9rem}.btn-large{padding:16px 40px;font-size:1.1rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:0;text-decoration:none;transition:all var(--transition-normal);border:none;background:none;color:var(--text-secondary);padding:0}.btn-icon:hover{transform:none;box-shadow:none;text-decoration:none}.btn-icon:active{transform:translateY(0)}.github-btn{color:var(--text-secondary);background:none;border:none}.github-btn:hover{background:none;color:var(--text-secondary);border:none;box-shadow:none;opacity:.7}[data-theme=light] .github-btn{color:#24292e}[data-theme=light] .github-btn:hover{color:#24292e;opacity:.7}.play-btn{color:#fff;background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745}.play-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);color:#fff;box-shadow:0 4px 16px #28a74566}.download-btn{color:var(--text-secondary);background:none;border:none}.download-btn:hover{background:none;color:var(--text-secondary);border:none;box-shadow:none;opacity:.7}[data-theme=light] .download-btn{color:#ff6b35}[data-theme=light] .download-btn:hover{color:#ff6b35;opacity:.7}.btn-icon.disabled{background:none;border:none;color:#666;cursor:not-allowed;pointer-events:none;opacity:.5}.btn-icon.disabled:hover{transform:none;box-shadow:none;background:none}.action-buttons{display:flex;justify-content:center;align-items:center;gap:.75rem;min-height:40px}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 768px){.btn{padding:10px 20px;font-size:.9rem}.btn-small{padding:6px 12px;font-size:.8rem}.btn-icon{width:36px;height:36px}.btn-icon svg{width:16px;height:16px}.action-buttons{gap:.5rem}}.header{background:#000000fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 20px #007acc26;border-bottom:1px solid rgba(0,122,204,.1);transition:all var(--transition-normal)}[data-theme=light] .header{background:#fffffffa;box-shadow:0 2px 20px #0000001a;border-bottom:1px solid rgba(0,0,0,.1)}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--spacing-sm);position:relative}.archive-section{flex-shrink:0}.archive-projects-btn.standalone{padding:.5rem 0;border-radius:0;background:none;border:none;border-bottom:2px solid transparent;transition:all var(--transition-normal);color:var(--secondary-color);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;position:relative}.archive-projects-btn.standalone:hover{background:none;border-color:var(--secondary-color);transform:none;color:var(--secondary-color)}.archive-projects-btn{color:var(--secondary-color);font-weight:600;text-decoration:none;display:inline-flex;align-items:center}.archive-projects-btn:hover{color:var(--secondary-color);text-shadow:0 0 10px rgba(255,107,53,.5)}.archive-projects-btn svg{transition:transform var(--transition-fast)}.archive-projects-btn:hover svg{transform:translateY(-1px)}.archive-projects-btn.active{background:none;border-color:var(--secondary-color);color:var(--secondary-color);box-shadow:none;transform:none}.archive-projects-btn.active svg{color:#fff}.nav{position:absolute;left:50%;transform:translate(-50%)}.nav ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav a,.nav-button{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all var(--transition-normal);position:relative;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}[data-theme=light] .nav-button{color:var(--text-muted)}.nav a:hover,.nav-button:hover{color:var(--primary-color);text-shadow:0 0 10px rgba(0,122,204,.5)}.nav a:after,.nav-button:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav a:hover:after,.nav-button:hover:after{width:100%}.nav a.active,.nav-button.active{color:var(--primary-color);text-shadow:0 0 10px rgba(0,122,204,.5)}.nav a.active:after,.nav-button.active:after{width:100%}.nav-divider{color:var(--text-secondary);opacity:.5;font-weight:300;-webkit-user-select:none;user-select:none;pointer-events:none}.header-actions{display:flex;align-items:center;gap:1rem;position:absolute;right:var(--spacing-sm)}.language-toggle{background:none;color:var(--text-primary);border:none;padding:6px 10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:4px;letter-spacing:.5px;position:relative}.language-toggle:hover{color:var(--primary-color);transform:translateY(-2px)}.language-toggle:active{transform:translateY(0) scale(.95);transition:all .1s ease}.theme-toggle{background:none;color:var(--text-primary);border:none;padding:6px 10px;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:4px;position:relative}.theme-toggle:hover{color:#ffc107;transform:translateY(-2px) rotate(15deg)}[data-theme=light] .theme-toggle:hover{color:var(--primary-color);transform:translateY(-2px) rotate(-15deg)}.theme-toggle:active{transform:scale(.9) rotate(45deg);transition:all .15s ease}[data-theme=light] .theme-toggle:active{transform:scale(.9) rotate(-45deg)}.theme-toggle svg{transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .language-toggle{color:var(--text-muted)}[data-theme=light] .language-toggle:hover{color:var(--primary-color)}[data-theme=light] .theme-toggle{color:var(--text-muted)}.cv-download-btn{display:flex;align-items:center;gap:6px;background:#0d1117cc;color:var(--text-primary);border:1px solid rgba(139,148,158,.3);padding:8px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);letter-spacing:.5px}.cv-download-btn:hover{background:#161b22e6;border-color:#007acc80;color:var(--primary-color);transform:translateY(-1px)}.cv-download-btn svg{width:16px;height:16px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);z-index:1001}.hamburger{display:flex;flex-direction:column;width:25px;height:20px;position:relative;transform:rotate(0);transition:.3s ease-in-out}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:var(--primary-color);border-radius:3px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:nth-child(1){top:8px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){opacity:0;left:-60px}.hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}.nav-mobile-actions{display:none;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid rgba(0,122,204,.2);margin-top:1rem}.nav-mobile-actions .language-toggle.mobile,.nav-mobile-actions .theme-toggle.mobile{width:100%;justify-content:center;text-align:center}@media (max-width: 1024px){.header-actions.desktop-only{display:none}.header .container{padding:1rem 15px}.nav ul{gap:1.5rem}}@media (max-width: 900px){.archive-section{display:none}.header .container{justify-content:center}.nav{position:static;transform:none}.menu-toggle{display:block}.nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding-top:80px;overflow-y:auto}.nav-open{display:block}.nav ul{flex-direction:column;padding:2rem;gap:2rem;align-items:center}.nav-divider{display:none}.nav-mobile-actions{display:flex}}@media (max-width: 768px){.menu-toggle{display:block}.nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding-top:80px;overflow-y:auto}.nav-open{display:block}.nav ul{flex-direction:column;padding:2rem;gap:2rem;align-items:center}.nav-divider{display:none}.nav-mobile-actions{display:flex}.desktop-only{display:none}}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#000,#0a0a0a,#000);padding-top:80px;padding-bottom:0;margin-bottom:100px;position:relative;overflow:hidden}[data-theme=light] .hero{background:linear-gradient(135deg,#fff,#f8f8f8,#fff)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,122,204,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(78,205,196,.1) 0%,transparent 50%);pointer-events:none}[data-theme=light] .hero:before{background:radial-gradient(circle at 20% 50%,rgba(0,122,204,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(78,205,196,.08) 0%,transparent 50%)}.hero .container{display:flex;justify-content:center;align-items:center;text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-content{width:100%}.hero-content h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:1rem;line-height:1.2;color:var(--text-primary);font-family:Fira Code,JetBrains Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-weight:600;letter-spacing:-.02em}.hero-content h2{font-size:clamp(1.25rem,2.5vw,1.8rem);color:var(--primary-color);font-weight:400;margin-bottom:1.5rem;text-align:center}.hero-content p{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.typewriter-subtitle{min-height:1.2em;display:flex;align-items:center;justify-content:center;margin:1rem 0}.typewriter-subtitle:after{display:none}.typewriter-text{display:inline-block;position:relative}.typewriter-text:after{content:"|";display:inline-block;color:var(--primary-color);margin-left:2px;animation:typewriter-blink 1s infinite}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:var(--primary-color);animation:bounce 2s infinite;opacity:.8;transition:opacity var(--transition-normal);z-index:2}.scroll-indicator:hover{opacity:1}.scroll-indicator svg{display:block;filter:drop-shadow(0 0 8px rgba(0,122,204,.3))}@media (max-width: 968px){.hero .container{text-align:center}.hero-content h1{font-size:clamp(2.5rem,4vw,3.2rem)}}@media (max-width: 768px){.hero{min-height:100vh;padding-top:80px;padding-bottom:60px}.hero:before{opacity:.4}.hero-content h1{font-size:clamp(2.2rem,6vw,3.5rem);line-height:1.2;margin-bottom:1.5rem}.hero-content h2{font-size:clamp(1.2rem,3.5vw,1.5rem);margin-bottom:2rem}.hero-content p{font-size:clamp(1rem,2vw,1.1rem)}.hero-buttons{flex-direction:column;gap:1rem;align-items:center}.hero-buttons .btn{width:200px;text-align:center}.scroll-indicator{bottom:20px}.scroll-indicator svg{width:20px;height:20px}}@media (max-width: 480px){.hero{min-height:100vh;padding-top:80px;padding-bottom:50px}.hero:before{opacity:.3}.hero-content h1{font-size:clamp(2rem,7vw,2.8rem)}.hero-content h2{font-size:clamp(1.1rem,4vw,1.3rem)}.scroll-indicator{bottom:15px}.scroll-indicator svg{width:18px;height:18px}}@media (max-width: 1024px) and (min-width: 769px){.hero-pixel:nth-child(n+16){display:none}}.about{padding:100px 0;background:var(--primary-bg);margin-top:150px}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start;max-width:1200px;margin:0 auto;background:#ffffff08;border:1px solid rgba(0,122,204,.2);border-radius:4px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .about-content{background:#007acc08;border:1px solid rgba(0,122,204,.2)}.about-image{display:flex;flex-direction:column;align-items:center;gap:3rem}.profile-image{width:320px;height:320px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:4px;background:linear-gradient(135deg,#007acc1a,#17a2b81a);padding:3px}.profile-image:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--secondary-color),var(--primary-color));border-radius:5px;z-index:-1}.profile-image img{width:100%;height:100%;object-fit:cover;border-radius:2px;position:relative;z-index:1}.education-section{width:100%;max-width:450px;background:#ffffff08;border:1px solid rgba(0,122,204,.2);border-radius:4px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .education-section{background:#007acc0d;border:1px solid rgba(0,122,204,.3)}.education-title{font-size:1.4rem;font-weight:700;color:var(--primary-color);margin-bottom:1.2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.education-title:before,.education-title:after{content:"";width:4px;height:20px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-sm)}.education-content{display:flex;align-items:center;gap:1.5rem}.university-logo{flex-shrink:0;width:100px;height:100px;padding:6px;background:#ffffff0d;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,122,204,.15)}.university-logo img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.education-info{flex:1;min-width:0}.degree-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.university-name{font-size:.9rem;color:var(--accent-color);font-weight:500;line-height:1.4;margin:0;word-wrap:break-word}.about-text p{font-size:1.2rem;line-height:1.8;margin-bottom:2rem;color:var(--text-muted)}.about-text p:last-child{margin-bottom:0}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:2rem;text-align:center}.education-section{max-width:100%}.education-content{flex-direction:column;text-align:center;gap:1.5rem}.university-logo{width:90px;height:90px;align-self:center}.education-info{text-align:center}.degree-title{font-size:1.1rem;white-space:normal}.university-name{font-size:1rem}}@media (max-width: 768px){.about{padding:80px 0 60px}.about-content{grid-template-columns:1fr;gap:2rem;text-align:center}.about-image{gap:2rem}.profile-image{width:280px;height:280px}.education-section{padding:1.2rem}.education-title{font-size:1.2rem;margin-bottom:1rem}.education-title:before,.education-title:after{height:16px;width:3px}.university-logo{width:80px;height:80px}.degree-title{font-size:1rem}.university-name{font-size:.9rem}.about-text p{font-size:1rem}}@media (max-width: 480px){.profile-image{width:240px;height:240px}.education-section{padding:1rem;border-radius:var(--radius-lg)}.education-title{font-size:1.1rem}.university-logo{width:70px;height:70px}.degree-title{font-size:.95rem;line-height:1.4}.university-name{font-size:.85rem}}.skills-section{padding:100px 0;background:var(--primary-bg)}.skills-section h2{text-align:center;margin-bottom:4rem}.skills{margin-top:3rem}.skills-wrapper{max-width:1200px;margin:0 auto;background:#ffffff08;border:1px solid rgba(0,122,204,.2);border-radius:4px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .skills-wrapper{background:#007acc08;border:1px solid rgba(0,122,204,.2)}.skill-category{margin-bottom:2rem}.skill-category:last-child{margin-bottom:0}.category-title{font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:.8rem;text-align:left;text-transform:capitalize;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem;line-height:1.2}.category-title:before{content:"|";font-size:1.2rem;font-weight:700;color:var(--primary-color);line-height:1}.skills-grid{display:flex;flex-wrap:wrap;gap:.6rem}.skill-item{background:none;border:none;color:var(--text-primary);padding:.4rem 0;border-radius:0;font-weight:500;font-size:.9rem;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:.5rem;cursor:default;white-space:nowrap;position:relative}.skill-item:after{content:"|";margin-left:.5rem;color:#fff3;font-weight:300}.skill-item:last-child:after{display:none}[data-theme=light] .skill-item{color:#1a1a1a}[data-theme=light] .skill-item:after{color:#0003}.skill-item:hover{background:none;border-color:transparent;transform:none}[data-theme=light] .skill-item:hover{background:none;border-color:transparent}.skill-icon{font-size:1.1rem;flex-shrink:0;transition:color var(--transition-normal)}.skill-item:hover .skill-icon,.skill-item:hover,[data-theme=light] .skill-item:hover{color:var(--primary-color)}@media (max-width: 768px){.skills-section{padding:80px 0 60px}.skills-wrapper{padding:2rem 1.5rem}.skills-grid{gap:.5rem}.skill-item{padding:.4rem .8rem;font-size:.85rem}.skill-icon{font-size:1rem}.scanlines:before{display:none}}@media (max-width: 480px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.skill-item{padding:.75rem}.skill-icon{font-size:1.75rem}}.project-card,.project-card:hover,.project-card:focus,.project-card:focus-visible,.project-card:active,.project-card:focus-within,.project-card *,.project-card *:hover,.project-card *:focus,.project-card *:focus-visible,.project-card *:active{outline:none!important;outline-width:0!important;outline-style:none!important;outline-color:transparent!important;outline-offset:0!important}.projects{padding:100px 0;background:var(--primary-bg)}.project-category{margin-bottom:4rem;padding-top:1rem;position:relative}.project-category:first-child:before{display:none}.project-category:before{display:none}.project-category:last-child{margin-bottom:0}.project-category .category-title{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:2rem;text-align:left;display:flex;align-items:center;gap:.5rem;text-transform:capitalize}.project-category .category-title:before{content:"";width:4px;height:25px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-sm)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 8px #0000001a}[data-theme=light] .project-card{background:#f5f9ff;border:1px solid #e0edff;box-shadow:0 2px 12px #00000014}.project-card:before{display:none}.project-card>*{position:relative;z-index:1}.project-image{height:200px;overflow:hidden;background:#0a0a0a}.project-img{width:100%;height:100%;object-fit:cover}.placeholder-project{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.project-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.project-content h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.3rem}.project-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.project-alias-disclaimer{font-size:.9rem;color:var(--accent-color);font-style:italic;margin-bottom:1.5rem;padding-left:1rem;border-left:2px solid var(--accent-color);background:#17a2b80d;padding:.5rem 1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:none;color:var(--primary-color);border:none;padding:0;margin-right:1rem;border-radius:0;font-size:.85rem;font-weight:500;display:inline-block}[data-theme=light] .tech-tag{color:var(--primary-color)}.development-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.status-indicator{width:8px;height:8px;background-color:#28a745;border-radius:50%;animation:pulse-green 1.5s infinite;box-shadow:0 0 4px #28a74599}.status-text{color:#28a745;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:.8rem;padding-top:1rem}@media (max-width: 968px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.projects{padding:80px 0 60px}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{margin:0 auto;max-width:400px}.project-content{padding:1.5rem}.category-title,.project-category .category-title{font-size:1.5rem}}@media (max-width: 480px){.project-card{max-width:100%}.project-content h3{font-size:1.1rem}}.contact{padding:100px 0;background:var(--primary-bg)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1000px;margin:0 auto;background:#ffffff08;border:1px solid rgba(0,122,204,.2);border-radius:var(--radius-lg);padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}[data-theme=light] .contact-content{background:#f5f9ff;border:1px solid #e0edff;border-radius:var(--radius-lg);padding:3rem;box-shadow:0 2px 12px #00000014}.contact-info h3{margin-bottom:1rem;font-size:1.8rem;color:var(--text-primary)}[data-theme=light] .contact-info h3{color:#000}.contact-info p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}[data-theme=light] .contact-info p{color:#1a1a1a}.contact-details{margin-top:2rem;background:#0003;padding:1.5rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.contact-item{margin-bottom:1.5rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.contact-item:last-child{margin-bottom:0}.contact-item strong{min-width:100px;color:var(--text-primary);margin-right:1rem}.contact-link{color:var(--accent-color);text-decoration:none;transition:all var(--transition-normal);padding:.25rem .5rem;border-radius:var(--radius-sm);word-break:break-all}.contact-link:hover{color:#fff;background:#ff6b3533;text-decoration:none;transform:translate(5px)}.contact-form{background:#0d1117cc;border:1px solid rgba(139,148,158,.3);border-radius:var(--radius-md);padding:2rem;position:relative;overflow:hidden}[data-theme=light] .contact-form{background:#f8f8f8f2;border:1px solid rgba(0,122,204,.2)}.contact-form:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,122,204,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}[data-theme=light] .form-group label{color:#000}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid rgba(139,148,158,.3);border-radius:var(--radius-md);font-size:1rem;background:var(--card-bg);color:var(--text-primary);transition:all var(--transition-fast);font-family:inherit}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea{background:#f5f9ff;border:1px solid #e0edff;color:#1a1a1a}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007acc80;background:#161b22e6;box-shadow:0 0 0 3px #007acc1a}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group textarea:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007acc1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.8}.form-group textarea{resize:vertical;min-height:120px}.form-message{margin-bottom:1rem;padding:.75rem;border-radius:var(--radius-sm);font-weight:500}.form-message.success{color:#00ff41;border:1px solid #00ff41;background:#00ff411a}.form-message.error{color:#ff4757;border:1px solid #ff4757;background:#ff47571a}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.contact{padding:80px 0 60px}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}.contact-details{padding:1rem}.contact-item{flex-direction:column;align-items:flex-start;gap:.25rem}.contact-item strong{margin-right:0;margin-bottom:.25rem}}@media (max-width: 480px){.contact-form{padding:1rem}.form-group input,.form-group textarea{padding:10px;font-size:.9rem}}.footer{background:var(--primary-bg);color:var(--text-primary);padding:2rem 0;border-top:1px solid rgba(0,212,255,.2)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-text p{margin:0;color:var(--text-secondary)}[data-theme=light] .footer-text p{color:#1a1a1a}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);font-weight:500}.footer-links a:hover{color:var(--primary-color);text-shadow:0 0 5px rgba(0,212,255,.5)}@media (max-width: 768px){.footer-content{text-align:center;flex-direction:column;gap:1rem}.footer-links{justify-content:center;flex-wrap:wrap}.footer-text{width:100%}}.all-projects-page{padding-top:100px;background:var(--primary-bg);min-height:100vh}.all-projects-section{padding:2rem 0}.table-responsive{overflow-x:auto;margin:2rem 0;border-radius:0;box-shadow:none}.project-table{width:100%;border-collapse:separate;border-spacing:0;background:#0d1117cc;border:1px solid rgba(0,0,0,.2);border-radius:0;overflow:hidden;table-layout:auto}[data-theme=light] .project-table{background:#fff;border:1px solid rgba(0,0,0,.1)}.project-table thead{display:none}.project-table tbody tr{border-bottom:none;transition:all var(--transition-normal);background:#0d1117cc}.project-table tbody tr:nth-child(2n){background:#0d1117cc}[data-theme=light] .project-table tbody tr{border-bottom:none;background:#fff}[data-theme=light] .project-table tbody tr:nth-child(2n){background:#fff}.project-table tbody tr:hover{background:#0d1117cc;border-color:transparent;transform:none;box-shadow:none}.project-table tbody tr:nth-child(2n):hover{background:#0d1117cc;border-color:transparent;transform:none;box-shadow:none}[data-theme=light] .project-table tbody tr:hover{background:#fff;border-color:transparent;transform:none;box-shadow:none}[data-theme=light] .project-table tbody tr:nth-child(2n):hover{background:#fff;border-color:transparent;transform:none;box-shadow:none}.project-table tbody tr:last-child{border-bottom:none}.project-table td{padding:1.5rem;vertical-align:top;border-right:1px solid rgba(255,255,255,.05)}.project-table td:last-child{border-right:none}.project-title{font-weight:600;color:var(--text-primary);font-size:1.1rem;line-height:1.4;width:30%;min-width:30%}[data-theme=light] .project-title{color:#000}.project-description{color:var(--text-secondary);line-height:1.6;font-size:.95rem;width:auto}[data-theme=light] .project-description{color:#1a1a1a}.project-actions{width:120px;min-width:120px;max-width:120px;text-align:center;padding:1rem}.project-thumbnail,.project-table-img,.project-table-img:hover,[data-theme=light] .project-table-img,.placeholder-thumbnail{display:none}.project-table tbody tr.no-thumbnail .project-title{width:30%;min-width:30%}.project-table tbody tr.no-thumbnail .project-description{width:auto}@media (max-width: 968px){.project-table{font-size:.9rem}.project-table thead th{padding:1rem;font-size:.85rem}.project-table td{padding:1rem}}@media (max-width: 768px){.all-projects-page{padding:1rem;padding-top:80px}.all-projects-page .container{padding:0 1rem;max-width:100%}.category-title{font-size:1.5rem;margin:1.5rem 0 1rem}.all-projects-page h2{font-size:2rem;margin-bottom:2rem}.project-category{margin-bottom:3rem}.table-responsive{margin:1rem 0 2rem;padding:0}.all-projects-page{overflow-x:hidden}.all-projects-page .header{padding:.5rem 1rem}.all-projects-section{padding:2rem 0}.project-thumbnail{width:100%;text-align:left;padding:.5rem 0}.project-table-img,.placeholder-thumbnail{width:80px;height:60px;margin:0}.project-table td[data-label=Thumbnail]:before,.project-table td[data-label=thumbnail]:before{content:"Preview: ";font-weight:600;color:var(--primary-color)}}@media (max-width: 480px){.all-projects-page .container{padding:0 .5rem}.category-title{font-size:1.3rem}.all-projects-page h2{font-size:1.8rem}.project-category{margin-bottom:2rem}.project-table thead th{padding:.75rem .5rem;font-size:.8rem}.project-table td{padding:.75rem .5rem}.project-title{font-size:1rem}.project-description{font-size:.85rem}}@media (min-width: 1025px){.container{max-width:1200px}}@media (max-width: 1024px){.container{padding:0 var(--spacing-sm)}body:before{opacity:.5}}@media (max-width: 968px){h1{font-size:clamp(2rem,4vw,3.2rem)}h2{font-size:clamp(1.75rem,3.5vw,2.25rem)}h3{font-size:clamp(1.3rem,2.5vw,1.6rem)}.about,.skills-section,.projects,.contact{padding:80px 0 60px}.hero{min-height:100vh;padding-top:80px}}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2rem);margin-bottom:2rem}h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}p{font-size:.95rem}section{padding:60px 0 40px}body:before{opacity:.3;background-size:30px 30px}.hero-pixels,.scanlines:before{display:none}.projects-grid,.skills-grid{gap:1rem}.project-card,.skill-item{margin-bottom:1rem}}@media (max-width: 480px){.container{padding:0 1rem}h1{font-size:clamp(1.5rem,5vw,2rem)}h2{font-size:clamp(1.3rem,4vw,1.75rem);margin-bottom:1.5rem}h3{font-size:clamp(1.1rem,3vw,1.3rem)}p{font-size:.9rem;line-height:1.5}section{padding:50px 0 30px}body:before{opacity:.2;background-size:40px 40px}.btn{padding:8px 16px;font-size:.85rem}.projects-grid,.skills-grid{gap:.75rem}}@media (max-width: 968px) and (orientation: landscape){.hero{min-height:100vh;padding:80px 0 60px}.scroll-indicator{display:none}}@media (hover: none) and (pointer: coarse){.btn,.btn-icon,.nav a,.nav-button{min-height:44px;min-width:44px}.project-card:hover,.skill-item:hover,.btn:hover{transform:none}.project-card:active{transform:translateY(-4px)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){img{image-rendering:-webkit-optimize-contrast}.project-card,.skill-item,.contact-form{border-width:.5px}}@media print{.header,.footer,.hero-pixels,.scroll-indicator,body:before{display:none}*{background:#fff!important;color:#000!important;box-shadow:none!important}.container{max-width:100%;padding:0}section{page-break-inside:avoid;padding:20px 0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto!important}.hero-pixels,.scanlines:before,body:before{animation:none!important}}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #e8e8e8}}@media (prefers-reduced-data: reduce){body:before,.hero:before,.hero-pixels{display:none}.btn-primary,.btn-secondary{background:var(--primary-color)}}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (min-width: 769px){.mobile-only{display:none!important}}