:root{--bg: #0b0f19;--bg-card: #111827;--bg-card-hover:#151e2f;--border: #1e2d40;--border-light: #243347;--accent: #00c8ff;--accent-dim: rgba(0, 200, 255, 0.08);--accent-glow: rgba(0, 200, 255, 0.18);--green: #3dd68c;--orange: #f59e0b;--text-primary: #e2e8f0;--text-secondary:#8b9ab0;--text-muted: #4a5568;--mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;--sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--radius: 6px;--radius-lg: 12px;--transition: 0.2s ease;--max-width: 1100px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text-primary);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,200,255,0.015) 1px, transparent 1px),linear-gradient(90deg, rgba(0,200,255,0.015) 1px, transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}main{position:relative;z-index:1}a{color:var(--accent);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:0.8}img{max-width:100%;display:block}h1,h2,h3,h4,h5{line-height:1.2;font-weight:600;color:var(--text-primary)}p{color:var(--text-secondary)}ul{list-style:none}code,pre{font-family:var(--mono);font-size:0.875em}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.section-header{margin-bottom:3rem}.section-label{font-family:var(--mono);font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:0.5rem}.section-title{font-size:clamp(1.5rem, 3vw, 2rem);color:var(--text-primary)}.section-title span{color:var(--accent)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;transition:background var(--transition),border-color var(--transition);border-bottom:1px solid transparent}.nav.scrolled{background:rgba(11,15,25,0.95);backdrop-filter:blur(12px);border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 2rem}.nav-logo{font-family:var(--mono);font-size:1rem;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:0.5rem}.nav-logo .accent{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-size:0.875rem;color:var(--text-secondary);font-weight:400;transition:color var(--transition);letter-spacing:0.02em}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);opacity:1}.nav-links .btn-outline-sm{padding:0.4rem 0.9rem;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--accent);font-size:0.8rem;transition:all var(--transition)}.nav-links .btn-outline-sm:hover{background:var(--accent-dim);border-color:var(--accent);opacity:1}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all var(--transition)}.hero{min-height:100vh;display:flex;align-items:center;padding:8rem 0 5rem;position:relative}.hero-glow{position:absolute;top:20%;right:10%;width:400px;height:400px;background:radial-gradient(circle, rgba(0,200,255,0.06) 0%, transparent 70%);pointer-events:none}.hero-content{max-width:680px}.hero-status{display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 0.85rem;background:var(--accent-dim);border:1px solid rgba(0,200,255,0.2);border-radius:100px;font-family:var(--mono);font-size:0.75rem;color:var(--accent);margin-bottom:1.5rem}.hero-status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%, 100%{opacity:1}50%{opacity:0.4}}.hero-greeting{font-family:var(--mono);font-size:1rem;color:var(--accent);display:block;margin-bottom:0.75rem}.hero-name{font-size:clamp(2.5rem, 6vw, 4rem);font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:0.5rem}.hero-title{font-size:clamp(1.25rem, 3vw, 1.75rem);color:var(--text-secondary);font-weight:400;margin-bottom:1.5rem}.hero-title .highlight{color:var(--accent);font-weight:500}.hero-desc{font-size:1rem;color:var(--text-secondary);max-width:540px;margin-bottom:2.5rem;line-height:1.8}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:var(--accent);color:#000;font-weight:600;font-size:0.875rem;border-radius:var(--radius);transition:all var(--transition);letter-spacing:0.02em}.btn-primary:hover{background:#33d4ff;opacity:1;transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border:1px solid var(--border-light);color:var(--text-secondary);font-size:0.875rem;border-radius:var(--radius);transition:all var(--transition)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);opacity:1}.hero-stats{display:flex;gap:2.5rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:block;font-family:var(--mono)}.stat-label{font-size:0.8rem;color:var(--text-muted);display:block;margin-top:0.2rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text p{margin-bottom:1rem;line-height:1.8}.about-text p:last-child{margin-bottom:0}.about-skills{display:flex;flex-direction:column;gap:1.5rem}.skill-category{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.skill-category-label{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:0.75rem;display:block}.skill-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.skill-tag{padding:0.25rem 0.65rem;background:var(--accent-dim);border:1px solid rgba(0,200,255,0.15);border-radius:4px;font-size:0.775rem;color:var(--text-secondary);font-family:var(--mono)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1.5rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition);display:flex;flex-direction:column;position:relative;overflow:hidden}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;transition:opacity var(--transition)}.project-card:hover{border-color:var(--border-light);background:var(--bg-card-hover);transform:translateY(-2px)}.project-card:hover::before{opacity:1}.project-card.featured{grid-column:span 2}.project-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.project-icon{width:40px;height:40px;background:var(--accent-dim);border:1px solid rgba(0,200,255,0.2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.project-links{display:flex;gap:0.5rem}.project-link{color:var(--text-muted);font-size:0.85rem;transition:color var(--transition);padding:0.2rem}.project-link:hover{color:var(--accent);opacity:1}.project-status{display:inline-flex;align-items:center;gap:0.3rem;padding:0.2rem 0.6rem;border-radius:100px;font-size:0.7rem;font-family:var(--mono);margin-bottom:0.75rem}.project-status.active{background:rgba(61,214,140,0.1);color:var(--green);border:1px solid rgba(61,214,140,0.2)}.project-status.active::before{content:'';width:5px;height:5px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}.project-status.completed{background:rgba(0,200,255,0.08);color:var(--accent);border:1px solid rgba(0,200,255,0.2)}.project-name{font-size:1.05rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-primary)}.project-desc{font-size:0.875rem;color:var(--text-secondary);line-height:1.7;flex:1;margin-bottom:1.25rem}.project-tech{display:flex;flex-wrap:wrap;gap:0.4rem}.tech-tag{padding:0.2rem 0.55rem;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:3px;font-size:0.7rem;color:var(--text-muted);font-family:var(--mono)}.certs-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1rem}.cert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition);display:flex;align-items:center;gap:1rem}.cert-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.cert-icon{font-size:1.5rem;flex-shrink:0}.cert-name{font-size:0.9rem;font-weight:600;color:var(--text-primary);margin-bottom:0.15rem}.cert-issuer{font-size:0.75rem;color:var(--text-muted);font-family:var(--mono)}.posts-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.post-item{background:var(--bg-card);padding:1.5rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;transition:background var(--transition);border-bottom:1px solid var(--border);text-decoration:none}.post-item:last-child{border-bottom:none}.post-item:hover{background:var(--bg-card-hover);opacity:1}.post-date{font-family:var(--mono);font-size:0.75rem;color:var(--text-muted);white-space:nowrap}.post-title{font-size:0.95rem;font-weight:500;color:var(--text-primary);margin-bottom:0.25rem}.post-excerpt{font-size:0.82rem;color:var(--text-secondary)}.post-tag{padding:0.2rem 0.6rem;background:var(--accent-dim);border:1px solid rgba(0,200,255,0.15);border-radius:3px;font-size:0.7rem;color:var(--accent);font-family:var(--mono);white-space:nowrap}.blog-posts-list{display:flex;flex-direction:column;gap:2rem}.blog-post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition)}.blog-post-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.blog-post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:0.75rem}.blog-post-category{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent)}.blog-post-date{font-family:var(--mono);font-size:0.75rem;color:var(--text-muted)}.blog-post-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:0.6rem;display:block;transition:color var(--transition)}.blog-post-card:hover .blog-post-title{color:var(--accent)}.blog-post-excerpt{font-size:0.875rem;color:var(--text-secondary);line-height:1.75}.post-layout{max-width:720px;margin:0 auto;padding:7rem 2rem 4rem}.post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.post-category{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent)}.post-time{font-family:var(--mono);font-size:0.75rem;color:var(--text-muted)}.post-h1{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.post-lead{font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.post-body{font-size:0.975rem;line-height:1.85}.post-body h2{font-size:1.4rem;margin:2.5rem 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)}.post-body h3{font-size:1.15rem;margin:2rem 0 0.75rem;color:var(--accent)}.post-body p{margin-bottom:1.25rem;color:var(--text-secondary)}.post-body ul,.post-body ol{margin:1rem 0 1.25rem 1.5rem;color:var(--text-secondary)}.post-body li{margin-bottom:0.4rem}.post-body ul{list-style:disc}.post-body code{background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.15);padding:0.15em 0.4em;border-radius:3px;color:var(--accent);font-size:0.875em}.post-body pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;margin:1.5rem 0}.post-body pre code{background:none;border:none;padding:0;color:var(--text-primary)}.post-body blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1.5rem 0;color:var(--text-muted);font-style:italic}.post-body a{color:var(--accent)}.post-body strong{color:var(--text-primary)}.project-layout{max-width:860px;margin:0 auto;padding:7rem 2rem 4rem}.project-page-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.project-page-title{font-size:clamp(2rem, 5vw, 3rem);font-weight:700;margin-bottom:0.75rem}.project-page-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.project-page-meta{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}.project-page-links{display:flex;gap:1rem}.project-body{font-size:0.975rem;line-height:1.85}.project-body h2{font-size:1.3rem;margin:2.5rem 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)}.project-body h3{font-size:1.1rem;margin:1.75rem 0 0.75rem;color:var(--accent)}.project-body p{margin-bottom:1.25rem;color:var(--text-secondary)}.project-body ul{margin:1rem 0 1.25rem 1.5rem;list-style:disc;color:var(--text-secondary)}.project-body li{margin-bottom:0.4rem}.project-body code{background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.15);padding:0.15em 0.4em;border-radius:3px;color:var(--accent);font-size:0.875em}.project-body pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;margin:1.5rem 0}.project-body pre code{background:none;border:none;padding:0;color:var(--text-primary)}.project-body strong{color:var(--text-primary)}.contact-strip{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.contact-text h2{font-size:1.5rem;margin-bottom:0.5rem}.contact-text p{font-size:0.9rem}.contact-links{display:flex;gap:0.75rem;flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.65rem 1.25rem;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-secondary);font-size:0.85rem;transition:all var(--transition)}.contact-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);opacity:1}.footer{padding:2rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 2rem;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:0.8rem;color:var(--text-muted);font-family:var(--mono)}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:0.8rem;color:var(--text-muted);transition:color var(--transition)}.footer-links a:hover{color:var(--accent);opacity:1}.page-hero{padding:8rem 0 4rem;border-bottom:1px solid var(--border)}.page-hero-label{font-family:var(--mono);font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:0.75rem}.page-hero-title{font-size:clamp(2rem, 5vw, 3rem);font-weight:700;margin-bottom:0.75rem}.page-hero-desc{font-size:1rem;color:var(--text-secondary);max-width:500px}.terminal{background:#0d1117;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin:2rem 0}.terminal-bar{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:#161b22;border-bottom:1px solid var(--border)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{font-family:var(--mono);font-size:0.75rem;color:var(--text-muted);margin-left:0.5rem}.terminal-body{padding:1.25rem;font-family:var(--mono);font-size:0.825rem;line-height:1.8}.terminal-line{color:var(--text-secondary)}.terminal-prompt{color:var(--green)}.terminal-cmd{color:var(--text-primary)}.terminal-output{color:var(--text-muted)}.terminal-accent{color:var(--accent)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-mono{font-family:var(--mono)}.divider{border:none;border-top:1px solid var(--border);margin:4rem 0}@media (max-width: 768px){.nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(11,15,25,0.97);flex-direction:column;align-items:center;justify-content:center;gap:2rem}.nav-links.open{display:flex}.nav-links a{font-size:1.1rem}.nav-toggle{display:flex;position:relative;z-index:101}.hero{padding:7rem 0 4rem}.hero-stats{gap:1.5rem}.about-grid{grid-template-columns:1fr;gap:2.5rem}.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1}.certs-grid{grid-template-columns:repeat(2, 1fr)}.post-item{grid-template-columns:1fr;gap:0.5rem}.contact-inner{flex-direction:column}.section{padding:3.5rem 0}}@media (max-width: 480px){.container{padding:0 1.25rem}.certs-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:1rem}}