:root{--bg-primary: #050510;--bg-card: rgba(8, 12, 28, 0.75);--bg-card-hover: rgba(12, 18, 40, 0.85);--border: rgba(6, 182, 212, 0.12);--border-accent: rgba(6, 182, 212, 0.25);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--cyan: #06b6d4;--blue: #3b82f6;--purple: #8b5cf6;--cyan-glow: rgba(6, 182, 212, 0.35);--purple-glow: rgba(139, 92, 246, 0.25);--gradient: linear-gradient(135deg, var(--cyan) 0%, var(--blue) 50%, var(--purple) 100%);--gradient-text: linear-gradient(135deg, #22d3ee 0%, #60a5fa 50%, #a78bfa 100%);--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;--nav-height: 70px;--radius: 16px;--radius-sm: 8px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 2rem)}::selection{background:var(--cyan);color:var(--bg-primary)}body{font-family:var(--font-sans);line-height:1.7;color:var(--text-secondary);background:var(--bg-primary);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}strong,b{color:var(--text-primary);font-weight:600}.bg-grid{position:fixed;inset:0;z-index:0;background-image:radial-gradient(circle at 1px 1px, rgba(6,182,212,0.07) 1px, transparent 0);background-size:40px 40px;pointer-events:none}.bg-glow{position:fixed;border-radius:50%;filter:blur(100px);opacity:0.4;pointer-events:none;z-index:0;will-change:transform}.bg-glow--1{width:600px;height:600px;top:-10%;right:-5%;background:radial-gradient(circle, rgba(6,182,212,0.15), transparent 70%);animation:glowDrift1 20s ease-in-out infinite alternate}.bg-glow--2{width:500px;height:500px;bottom:20%;left:-10%;background:radial-gradient(circle, rgba(139,92,246,0.12), transparent 70%);animation:glowDrift2 25s ease-in-out infinite alternate}.bg-glow--3{width:400px;height:400px;top:50%;right:15%;background:radial-gradient(circle, rgba(59,130,246,0.1), transparent 70%);animation:glowDrift3 22s ease-in-out infinite alternate}@keyframes glowDrift1{from{transform:translate(0, 0) scale(1)}to{transform:translate(-60px, 80px) scale(1.15)}}@keyframes glowDrift2{from{transform:translate(0, 0) scale(1)}to{transform:translate(50px, -60px) scale(1.1)}}@keyframes glowDrift3{from{transform:translate(0, 0) scale(1)}to{transform:translate(-40px, -50px) scale(1.2)}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);transition:all 0.3s ease;border-bottom:1px solid transparent}.nav--scrolled{background:rgba(5,5,16,0.85);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom-color:var(--border);box-shadow:0 4px 30px rgba(0,0,0,0.3)}.nav__inner{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.nav__logo{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--text-primary) !important;text-decoration:none !important;border-bottom:none !important;letter-spacing:-0.02em}.nav__logo-dot{color:var(--cyan)}.nav__links{display:flex;gap:0.25rem}.nav__link{font-size:0.875rem;font-weight:500;color:var(--text-muted) !important;text-decoration:none !important;border-bottom:none !important;padding:0.5rem 1rem;border-radius:var(--radius-sm);transition:all 0.2s ease;position:relative}.nav__link:hover{color:var(--text-primary) !important;background:rgba(6,182,212,0.08);border-bottom:none !important}.nav__link--active{color:var(--cyan) !important;background:rgba(6,182,212,0.1)}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav__toggle span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all 0.3s ease}.nav__toggle--active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav__toggle--active span:nth-child(2){opacity:0}.nav__toggle--active span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.page-wrapper{position:relative;z-index:1;width:100%;min-height:100vh;padding:calc(var(--nav-height) + 2rem) 1.5rem 4rem}.content-container{max-width:900px;margin:0 auto}.wrapper,header,section{width:100% !important;max-width:100% !important;float:none !important;position:relative !important;padding:0 !important;margin:0 !important;border:none !important;box-shadow:none !important;background:transparent !important}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-0.025em;color:var(--text-primary);margin-top:2em;margin-bottom:0.75em;line-height:1.3}h1{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;letter-spacing:-0.04em;margin-top:0;margin-bottom:0.15em;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:1.5em;position:relative;display:inline-block}h2::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:var(--gradient);border-radius:2px;opacity:0.7}h3{font-size:1.35rem;font-weight:600;margin-top:2em;color:var(--text-primary)}p{margin-bottom:1em;text-align:left}em{color:var(--text-muted)}.hero{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:3rem 0 2rem;flex-wrap:wrap}.hero__text{flex:1;min-width:300px}.hero__subtitle{font-size:1.3rem;font-weight:400;color:var(--text-muted);margin-top:0.25em;margin-bottom:1.5em;letter-spacing:0.02em}.hero__subtitle::after{content:'_';color:var(--cyan);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero__badges{display:flex;gap:0.5rem;flex-wrap:wrap}.hero__badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:0.85rem;color:var(--text-secondary) !important;text-decoration:none !important;border-bottom:none !important;transition:all 0.25s ease;backdrop-filter:blur(10px)}.hero__badge:hover{border-color:var(--border-accent);background:var(--bg-card-hover);color:var(--cyan) !important;transform:translateY(-2px);box-shadow:0 4px 20px var(--cyan-glow);border-bottom:none !important}.hero__badge svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.hero__image{flex-shrink:0}.hero__image img{width:320px;height:320px;border-radius:var(--radius);object-fit:cover;border:2px solid var(--border-accent) !important;box-shadow:0 0 40px var(--cyan-glow),0 0 80px var(--purple-glow),0 20px 60px rgba(0,0,0,0.5) !important;animation:imageGlow 5s ease-in-out infinite alternate}@keyframes imageGlow{from{box-shadow:0 0 30px rgba(6,182,212,0.2),0 0 60px rgba(139,92,246,0.1),0 20px 60px rgba(0,0,0,0.5)}to{box-shadow:0 0 50px rgba(6,182,212,0.35),0 0 100px rgba(139,92,246,0.2),0 20px 60px rgba(0,0,0,0.5)}}.section{padding:4rem 0 2rem}.section--card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;backdrop-filter:blur(10px);transition:border-color 0.3s ease;margin-bottom:2rem}.section--card:hover{border-color:var(--border-accent)}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease, transform 0.7s ease}.revealed{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:0.1s}.reveal:nth-child(3){transition-delay:0.2s}.reveal:nth-child(4){transition-delay:0.3s}a{color:var(--cyan);text-decoration:none;transition:all 0.2s ease;border-bottom:1px solid transparent}a:hover{color:#22d3ee;border-bottom-color:rgba(6,182,212,0.4)}hr{border:none;height:1px;background:linear-gradient(to right, transparent, var(--border-accent), transparent);margin:3rem 0}img{max-width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border);transition:transform 0.3s ease, box-shadow 0.3s ease}img:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--cyan-glow),0 0 60px var(--purple-glow)}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:2rem;backdrop-filter:blur(10px);transition:all 0.3s ease;position:relative;overflow:hidden}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient);opacity:0;transition:opacity 0.3s ease}.project-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.3),0 0 30px var(--cyan-glow)}.project-card:hover::before{opacity:1}.project-card h3{margin-top:0}.project-card img{margin:1.5rem auto;display:block;max-width:100%;border-radius:var(--radius-sm)}a[href^="#project"]{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:rgba(6,182,212,0.08);border:1px solid var(--border-accent) !important;border-radius:100px;font-weight:500;font-size:0.9rem;transition:all 0.25s ease;margin-top:1em}a[href^="#project"]:hover{background:var(--gradient);color:white !important;border-color:transparent !important;transform:translateX(4px);box-shadow:0 4px 20px var(--cyan-glow)}code{background:rgba(6,182,212,0.08);padding:0.2em 0.6em;border-radius:6px;font-size:0.85em;font-family:var(--font-mono);color:var(--cyan);border:1px solid rgba(6,182,212,0.2);font-weight:500;display:inline-block;transition:all 0.2s ease}code:hover{background:rgba(6,182,212,0.15);border-color:rgba(6,182,212,0.4);box-shadow:0 0 12px rgba(6,182,212,0.2)}ul,ol{line-height:1.8;margin:1em 0;padding-left:0;list-style:none}li{margin:0.4em 0;padding-left:1.5em;position:relative}ul>li::before{content:'';position:absolute;left:0;top:0.75em;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan-glow)}table{width:100%;border-collapse:collapse;margin:2em 0;background:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}th{background:rgba(6,182,212,0.1);padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-accent);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em}td{padding:0.875rem 1rem;border-bottom:1px solid var(--border);color:var(--text-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background:rgba(6,182,212,0.04)}blockquote{border-left:3px solid var(--cyan);padding:1.25rem 1.5rem;margin:2em 0;color:var(--text-muted);font-style:italic;background:var(--bg-card);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.skills-section{margin:0}.skills-section h3{font-size:1.1rem;font-weight:600;color:var(--cyan);margin-top:2.5rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.06em;font-family:var(--font-mono)}.skills-section h3::before{display:none}.skill-item{margin-bottom:1.25rem}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.4rem}.skill-name{font-weight:500;color:var(--text-primary);font-size:0.95rem}.skill-level{font-size:0.8rem;color:var(--text-muted);font-family:var(--font-mono)}.skill-bar{width:100%;height:6px;background:rgba(6,182,212,0.08);border-radius:10px;overflow:hidden;position:relative}.skill-progress{height:100%;background:var(--gradient);border-radius:10px;position:relative;animation:slideIn 1.2s ease-out}@keyframes slideIn{from{width:0 !important}}.skill-progress::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.experience h3{position:relative;padding-left:1.5rem}.experience h3::before{content:'';position:absolute;left:0;top:0.35em;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.experience h3::after{display:none}.contact-section{text-align:center;padding:3rem 2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-top:3rem;position:relative;overflow:hidden}.contact-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient)}.contact-section p{text-align:center}.footer-note{display:block;text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:0.85rem;font-style:normal}.education-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:1.5rem;transition:border-color 0.3s ease}.education-item:hover{border-color:var(--border-accent)}.education-item h3{margin-top:0}.award-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;transition:border-color 0.3s ease}.award-item:hover{border-color:var(--border-accent)}.award-icon{font-size:2rem;flex-shrink:0}.award-item h3{margin-top:0;margin-bottom:0.25em}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:1rem}.lang-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.25rem;text-align:center;transition:all 0.25s ease}.lang-item:hover{border-color:var(--border-accent);transform:translateY(-2px)}.hobby-grid{display:flex;gap:1rem;flex-wrap:wrap}.hobby-item{background:var(--bg-card);border:1px solid var(--border);border-radius:100px;padding:0.6rem 1.5rem;font-size:0.95rem;transition:all 0.25s ease}.hobby-item:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.showcase{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;margin-top:2rem;margin-bottom:2rem}.showcase h3{margin-top:0}.showcase h4{color:var(--cyan);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;margin-top:2.5em;font-family:var(--font-mono)}.showcase img{display:block;margin:1.5rem auto;max-width:600px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:500px}@media (max-width: 768px){:root{--nav-height: 60px}.nav__links{position:fixed;top:var(--nav-height);left:0;right:0;background:rgba(5,5,16,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:0.75rem;gap:0;border-bottom:1px solid var(--border);transform:translateY(-110%);opacity:0;pointer-events:none;transition:all 0.3s ease;z-index:999}.nav__links--open{transform:translateY(0);opacity:1;pointer-events:auto}.nav__link{padding:0.75rem 1rem;font-size:0.95rem;border-radius:var(--radius-sm)}.nav__toggle{display:flex}.hero{flex-direction:column-reverse;text-align:center;gap:1.5rem;padding-top:0.5rem}.hero__text{min-width:auto}.hero__badges{justify-content:center;flex-direction:column;align-items:center}.hero__badge{width:100%;max-width:260px;justify-content:center}.hero__image img{width:220px;height:220px}.page-wrapper{padding-left:0.75rem;padding-right:0.75rem;padding-top:calc(var(--nav-height) + 1rem)}.content-container{max-width:100%}.section{padding:2.5rem 0 1rem}.project-card,.education-item,.section--card,.showcase,.contact-section{padding:1.25rem;border-radius:12px}.project-card:hover,.education-item:hover{transform:none}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}.about-text{font-size:1rem}.lang-grid{grid-template-columns:repeat(2, 1fr);gap:0.75rem}.hobby-grid{gap:0.5rem}.hobby-item{padding:0.5rem 1rem;font-size:0.85rem}.award-item{padding:1rem;gap:0.75rem}.award-icon{font-size:1.5rem}hr{margin:1.5rem 0}.experience h3{padding-left:1.25rem}img:hover{transform:none}code{font-size:0.8em;padding:0.15em 0.5em}.skills-section h3{margin-top:2rem;margin-bottom:1rem}}@media (max-width: 400px){.hero__image img{width:180px;height:180px}h1{font-size:1.75rem}.lang-grid{grid-template-columns:1fr 1fr}.project-card,.education-item,.showcase,.contact-section{padding:1rem}.nav__inner{padding:0 1rem}}[id]{scroll-margin-top:calc(var(--nav-height) + 2rem)}.about-text{font-size:1.1rem;line-height:1.9;color:var(--text-secondary);max-width:700px}p,ul,ol,div{text-align:left}section>p:last-child>em{display:block;text-align:center;margin-top:4em;padding-top:2em;border-top:1px solid var(--border);color:var(--text-muted);font-style:normal;font-size:0.85rem}section{animation:none}img[alt*="Email"],img[alt*="LinkedIn"],img[alt*="GitHub"]{border:none !important;box-shadow:none !important;border-radius:4px !important}img[alt*="Email"]:hover,img[alt*="LinkedIn"]:hover,img[alt*="GitHub"]:hover{transform:none !important;box-shadow:none !important}.project-card h3::after,.education-item h3::after,.showcase h3::after,.award-item h3::after,.skills-section h3::after,.experience h3::after{display:none}#lidar-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.scan-overlay{position:fixed;inset:0;z-index:0;background:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(6,182,212,0.011) 3px, rgba(6,182,212,0.011) 4px);pointer-events:none}.hero__sub2{font-family:var(--font-mono);font-size:0.82rem;color:var(--text-muted);letter-spacing:0.06em;margin-top:-0.9em;margin-bottom:1.75em}.hero__sub2 .sep{color:var(--cyan);opacity:0.55;margin:0 0.4em}.project-card--featured{border-color:rgba(6,182,212,0.28);background:linear-gradient(145deg, rgba(6,182,212,0.05) 0%, rgba(5,5,16,0.82) 60%)}.project-card--featured::before{opacity:1;background:linear-gradient(90deg, var(--cyan) 0%, var(--blue) 60%, var(--purple) 100%)}.project-tag{display:inline-flex;align-items:center;gap:0.35rem;font-family:var(--font-mono);font-size:0.68rem;color:var(--cyan);background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.22);border-radius:4px;padding:0.22rem 0.55rem;margin-bottom:0.75rem;letter-spacing:0.07em;text-transform:uppercase}.exp-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 2rem;margin-bottom:1.25rem;transition:border-color 0.3s ease;position:relative;overflow:hidden}.exp-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient);opacity:0;transition:opacity 0.3s ease}.exp-item:hover{border-color:var(--border-accent)}.exp-item:hover::before{opacity:1}.exp-item h3{margin-top:0;margin-bottom:0.15em}.exp-meta{font-family:var(--font-mono);font-size:0.8rem;color:var(--text-muted);margin-bottom:0.9em;letter-spacing:0.03em}.exp-meta .loc{color:var(--cyan);opacity:0.75}.section-label{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan);opacity:0.75;margin-bottom:0.5rem;display:block}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}@media (max-width: 700px){.skills-grid{grid-template-columns:1fr}}@media (max-width: 768px){.exp-item{padding:1.25rem}}