/* Professional Portfolio - Dark/Light Theme */
:root{--bg-primary:#0a0e27;--bg-secondary:#111633;--bg-tertiary:#1a1f3a;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#00d9ff;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg,#00d9ff 0%,#7c3aed 100%);--border-color:#1e293b;--card-bg:#0f172a;--shadow:rgba(0,0,0,0.3);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-display:'Courier New',monospace;--font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e2e8f0;--card-bg:#fff;--shadow:rgba(0,0,0,0.1);--accent-primary:#0ea5e9;--accent-secondary:#8b5cf6}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}.navbar{position:fixed;top:0;width:100%;background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:1000;backdrop-filter:blur(10px)}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md)}.nav-brand a{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-primary);text-decoration:none;transition:all .3s ease}.nav-brand a:hover{text-shadow:0 0 20px var(--accent-primary)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-menu a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-menu a.active,.nav-menu a:hover{color:var(--accent-primary)}.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width .3s ease}.nav-menu a.active::after,.nav-menu a:hover::after{width:100%}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background:var(--accent-primary);transform:rotate(180deg)}.theme-icon{font-size:1.2rem}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(0,217,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(124,58,237,.1) 0%,transparent 50%);z-index:-1;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}.hero-content{max-width:800px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{margin-bottom:var(--spacing-sm)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.2rem,2.5vw,1.8rem);margin-bottom:var(--spacing-md);font-weight:400}.hero-description{color:var(--text-muted);font-size:1.1rem;margin-bottom:var(--spacing-xl);max-width:600px}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-2xl)}.btn{padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;border:2px solid transparent}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--shadow)}.btn-secondary{border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-secondary:hover{background:var(--accent-primary);color:#fff}.hero-stats{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.stat{display:flex;flex-direction:column}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}section{padding:var(--spacing-2xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl);position:relative}.section-title::after{content:'';display:block;width:80px;height:4px;background:var(--accent-gradient);margin:var(--spacing-md) auto 0;border-radius:2px}.skills-preview{background:var(--bg-secondary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.skill-card{background:var(--card-bg);padding:var(--spacing-lg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 40px var(--shadow)}.skill-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.skill-card h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.skill-card p{color:var(--text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.project-card{background:var(--card-bg);padding:var(--spacing-lg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px var(--shadow)}.project-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md)}.project-tag{background:var(--accent-gradient);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.project-description{color:var(--text-muted);margin-bottom:var(--spacing-md);flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--spacing-md)}.tech-badge{background:var(--bg-tertiary);color:var(--accent-primary);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;border:1px solid var(--border-color)}.project-link{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:all .3s ease}.project-link:hover{color:var(--accent-secondary);text-shadow:0 0 10px var(--accent-primary)}.cta{background:var(--bg-secondary);text-align:center;padding:var(--spacing-2xl) 0}.cta h2{margin-bottom:var(--spacing-md)}.cta p{color:var(--text-muted);font-size:1.2rem;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.footer-section a,.footer-section p{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--accent-primary)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.social-links{display:flex;gap:var(--spacing-md)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}.page-header{padding:calc(80px + var(--spacing-2xl)) 0 var(--spacing-2xl);text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.page-header h1{margin-bottom:var(--spacing-md)}.page-header p{color:var(--text-muted);font-size:1.2rem}.projects-detail{padding:var(--spacing-2xl) 0}.project-detail-card{background:var(--card-bg);padding:var(--spacing-xl);border-radius:12px;border:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.project-detail-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.project-meta{display:flex;gap:var(--spacing-md);align-items:center}.project-date{color:var(--text-muted)}.project-status{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.project-detail-content h3{color:var(--accent-primary);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.project-detail-content ul{list-style-position:inside;color:var(--text-muted)}.project-detail-content li{margin-bottom:.5rem}.tech-stack-grid{display:flex;flex-wrap:wrap;gap:.75rem}.arch-diagram{background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:8px;border-left:4px solid var(--accent-primary)}.arch-diagram p{color:var(--text-secondary);margin-bottom:.5rem}.about-content{padding:var(--spacing-2xl) 0}.about-section{margin-bottom:var(--spacing-2xl)}.about-section h2{margin-bottom:var(--spacing-lg);color:var(--accent-primary)}.about-section p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-md)}.skills-category{margin-bottom:var(--spacing-xl)}.skills-category h3{margin-bottom:var(--spacing-md)}.skills-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-name{color:var(--text-primary);font-weight:500}.skill-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:var(--accent-gradient);border-radius:4px;transition:width 1s ease-out}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.cert-card{background:var(--card-bg);padding:var(--spacing-lg);border-radius:12px;border:2px solid var(--border-color);text-align:center}.cert-card.in-progress{border-color:#f59e0b}.cert-card.planned{border-color:var(--text-muted)}.cert-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.cert-status{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;margin:var(--spacing-md) 0;background:var(--bg-tertiary);color:var(--accent-primary)}.cert-description{color:var(--text-muted);font-size:.95rem}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.highlight-item{background:var(--card-bg);padding:var(--spacing-lg);border-radius:12px;border:1px solid var(--border-color)}.highlight-item h3{margin-bottom:var(--spacing-sm)}.highlight-item p{color:var(--text-muted)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.tool-category{background:var(--card-bg);padding:var(--spacing-lg);border-radius:12px;border:1px solid var(--border-color)}.tool-category h3{color:var(--accent-primary);margin-bottom:var(--spacing-md)}.tool-category li,.tool-category ul{list-style-position:inside;color:var(--text-muted)}.tool-category li{margin-bottom:.5rem}.contact-section{padding:var(--spacing-2xl) 0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl)}.contact-info h2,.looking-for h2{margin-bottom:var(--spacing-lg);color:var(--accent-primary)}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.contact-method{display:flex;gap:var(--spacing-md);align-items:start}.contact-icon{font-size:2rem;min-width:50px}.contact-details h3{margin-bottom:.5rem}.contact-details a,.contact-details p{color:var(--text-muted);text-decoration:none}.contact-details a:hover{color:var(--accent-primary)}.availability{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.availability h3{margin-bottom:var(--spacing-md)}.availability-status{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-sm)}.status-indicator{width:12px;height:12px;background:#10b981;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.5}}.opportunity-card{background:var(--card-bg);padding:var(--spacing-lg);border-radius:12px;border:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.opportunity-card h3{color:var(--accent-primary);margin-bottom:var(--spacing-md)}.opportunity-card ul{list-style-position:inside;color:var(--text-muted)}.opportunity-card li{margin-bottom:.5rem}.cta-box{background:var(--bg-tertiary);padding:var(--spacing-xl);border-radius:12px;text-align:center;border:2px solid var(--accent-primary)}.cta-box h3{margin-bottom:var(--spacing-md)}.cta-box p{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.text-center{text-align:center}@media (max-width:768px){.nav-menu{flex-direction:column;gap:var(--spacing-sm)}.hero-buttons{flex-direction:column}.btn{text-align:center}.hero-stats{justify-content:center}.projects-grid,.skills-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}}.project-card,.skill-card{animation:fadeInUp .6s ease-out}.skill-card:nth-child(1){animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.2s}.skill-card:nth-child(3){animation-delay:.3s}.skill-card:nth-child(4){animation-delay:.4s}

/* Infrastructure as Code Section */
.iac-explanation{background:var(--card-bg);padding:var(--spacing-xl);border-radius:12px;border:1px solid var(--border-color)}.iac-explanation h3{color:var(--accent-primary);margin-bottom:var(--spacing-md)}.iac-explanation>p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-xl)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.comparison-card{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:8px;border-left:4px solid var(--accent-primary)}.comparison-card h4{margin-bottom:var(--spacing-sm);font-size:1.1rem}.comparison-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.iac-comparison-table{margin:var(--spacing-xl) 0}.iac-comparison-table h4{margin-bottom:var(--spacing-md);color:var(--accent-primary)}.iac-comparison-table table{width:100%;border-collapse:collapse;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.iac-comparison-table td,.iac-comparison-table th{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-color)}.iac-comparison-table th{background:var(--bg-primary);color:var(--accent-primary);font-weight:600}.iac-comparison-table td{color:var(--text-secondary)}.iac-comparison-table tr:last-child td{border-bottom:none}.iac-note{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:8px;border:1px solid var(--border-color);margin-top:var(--spacing-xl)}.iac-note p{color:var(--text-muted);margin-bottom:var(--spacing-sm)}.iac-note p:last-child{margin-bottom:0}.iac-note strong{color:var(--accent-primary)}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}.iac-comparison-table{overflow-x:auto}.iac-comparison-table table{min-width:600px}}

/* Additional spacing for project detail pages */
.project-detail {
    margin-bottom: 5rem !important;
}

.project-detail:last-child {
    margin-bottom: 3rem !important;
}