@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-bg:#f8fafc;--color-bg-alt:#fff;--color-bg-elevated:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-accent:#0284c7;--color-accent-light:#0ea5e9;--color-accent-dark:#0c63e4;--color-accent-gradient:linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);--color-secondary-gradient:linear-gradient(135deg, #0284c7 0%, #2563eb 100%);--color-accent-glow:#0284c733;--color-border:#94a3b833;--color-border-hover:#0284c740;--glass-bg:#ffffffb3;--glass-bg-hover:#ffffffd9;--glass-border:#0284c726;--glass-shadow:0 8px 32px #0284c714;--glass-shadow-hover:0 16px 48px #0284c71f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display:"Playfair Display", serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-dark)}img{max-width:100%;display:block}.background-orbs{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(100px);opacity:.45;will-change:transform, opacity;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#0f172a40,#0000 70%);width:500px;height:500px;animation:28s ease-in-out infinite float-1;top:-10%;left:-5%}.orb-2{background:radial-gradient(circle,#0284c733,#0000 70%);width:400px;height:400px;animation:32s ease-in-out infinite float-2;top:30%;right:-10%}.orb-3{background:radial-gradient(circle,#06b6d42e,#0000 70%);width:350px;height:350px;animation:30s ease-in-out infinite float-3;bottom:10%;left:20%}.orb-4{background:radial-gradient(circle,#1e3a8a26,#0000 70%);width:300px;height:300px;animation:26s ease-in-out infinite float-4;top:60%;right:25%}.orb-5{background:radial-gradient(circle,#0284c71f,#0000 70%);width:250px;height:250px;animation:24s ease-in-out infinite float-5;top:10%;left:50%}.orb-6{background:radial-gradient(circle,#0f172a1a,#0000 70%);width:350px;height:350px;animation:29s ease-in-out infinite float-6;bottom:-5%;right:-5%}@keyframes float-1{0%,to{opacity:.45;transform:translate(0)scale(1)}25%{opacity:.5;transform:translate(100px,80px)scale(1.15)}50%{opacity:.4;transform:translate(60px,150px)scale(.9)}75%{opacity:.48;transform:translate(140px,60px)scale(1.1)}}@keyframes float-2{0%,to{opacity:.5;transform:translate(0)scale(1)}25%{opacity:.55;transform:translate(-80px,100px)scale(1.12)}50%{opacity:.42;transform:translate(-120px,50px)scale(.88)}75%{opacity:.5;transform:translate(-50px,120px)scale(1.08)}}@keyframes float-3{0%,to{opacity:.45;transform:translate(0)scale(1)}33%{opacity:.5;transform:translate(80px,-100px)scale(1.15)}66%{opacity:.4;transform:translate(-60px,-60px)scale(.92)}}@keyframes float-4{0%,to{opacity:.4;transform:translate(0)scale(1)}25%{opacity:.45;transform:translate(-100px,-80px)scale(1.1)}50%{opacity:.35;transform:translate(-60px,80px)scale(.85)}75%{opacity:.42;transform:translate(80px,-60px)scale(1.15)}}@keyframes float-5{0%,to{opacity:.35;transform:translate(0)scale(1)}50%{opacity:.4;transform:translate(-80px,100px)scale(1.15)}}@keyframes float-6{0%,to{opacity:.3;transform:translate(0)scale(1)}33%{opacity:.35;transform:translate(100px,-80px)scale(1.1)}66%{opacity:.28;transform:translate(-80px,-100px)scale(.95)}}.section{z-index:1;padding:var(--space-4xl) var(--space-xl);position:relative}.container{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-md);background:#0284c714;font-weight:600;display:inline-block}.section-title{font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--space-md);font-weight:800;line-height:1.2}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--color-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.tag{font-size:var(--font-size-xs);border-radius:var(--radius-full);color:var(--color-accent);transition:all var(--transition-fast);background:#0284c714;border:1px solid #0284c726;padding:4px 12px;font-weight:500;display:inline-block}.tag:hover{background:#0284c726;border-color:#0284c74d}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);border:none;outline:none;padding:12px 28px;display:inline-flex}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:0 4px 16px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#6366f133}::-webkit-scrollbar-thumb:hover{background:#6366f166}::selection{color:var(--color-text);background:#6366f133}@media (width<=768px){:root{--font-size-5xl:2.25rem;--font-size-4xl:1.75rem;--font-size-3xl:1.5rem;--font-size-7xl:3rem;--font-size-6xl:2.5rem}.section{padding:var(--space-3xl) var(--space-md)}}@media (width<=480px){:root{--font-size-5xl:1.875rem;--font-size-4xl:1.5rem;--font-size-7xl:2.25rem;--font-size-6xl:2rem}}.navbar{z-index:100;height:var(--nav-height);transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#f8fafccc;box-shadow:0 1px 20px #0284c70d}.navbar-inner{max-width:var(--max-width);height:100%;padding:0 var(--space-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{font-size:var(--font-size-xl);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;cursor:pointer;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}.navbar-logo span{opacity:.7;font-weight:400}.navbar-links{align-items:center;gap:var(--space-xs);list-style:none;display:flex}.navbar-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:8px 16px;font-weight:500;display:block;position:relative}.navbar-links a:hover,.navbar-links a.active{color:var(--color-accent);background:#6366f10f}.navbar-links a.active:after{content:"";background:var(--color-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.navbar-cta{margin-left:var(--space-md)}.navbar-cta .btn{font-size:var(--font-size-xs);padding:8px 20px}.navbar-toggle{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-toggle span{background:var(--color-text);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.navbar-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{display:none}@media (width<=768px){.navbar-links,.navbar-cta{display:none}.navbar-toggle{display:flex}.mobile-menu{-webkit-backdrop-filter:blur(24px);z-index:99;justify-content:center;align-items:center;gap:var(--space-lg);background:#fffffff2;flex-direction:column;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu a{font-size:var(--font-size-2xl);color:var(--color-text);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:600}.mobile-menu a:hover{color:var(--color-accent);background:#6366f10f}}.hero{z-index:1;min-height:100vh;padding:calc(var(--nav-height) + var(--space-3xl)) var(--space-xl) var(--space-3xl);justify-content:center;align-items:center;display:flex;position:relative}.hero-content{text-align:center;max-width:800px}.hero-badge{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);font-size:var(--font-size-sm);color:var(--color-accent);margin-bottom:var(--space-xl);box-shadow:var(--glass-shadow);padding:6px 18px;font-weight:500;display:inline-flex}.hero-badge .pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;position:relative}.hero-badge .pulse:after{content:"";background:#22c55e4d;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.hero-greeting{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:500}.hero-name{font-size:var(--font-size-7xl);letter-spacing:-.03em;margin-bottom:var(--space-md);background:linear-gradient(135deg, var(--color-text) 0%, #0284c7 50%, #0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.05}.hero-role{font-size:var(--font-size-3xl);color:var(--color-text-secondary);margin-bottom:var(--space-md);font-weight:600}.hero-typing-wrapper{min-height:36px;margin-bottom:var(--space-xl)}.hero-typing{font-size:var(--font-size-lg);color:var(--color-accent);font-weight:500}.hero-typing .cursor{background:var(--color-accent);vertical-align:text-bottom;width:2px;height:1.2em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:1.8}.hero-actions{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl);display:flex}.hero-stats{gap:var(--space-md);grid-template-columns:repeat(4,1fr);max-width:700px;margin:0 auto;display:grid}.hero-stat{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;transition:all var(--transition-base)}.hero-stat:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.hero-stat-value{font-size:var(--font-size-3xl);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-weight:800}.hero-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hero-scroll-indicator{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;font-weight:500;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-indicator .scroll-line{background:linear-gradient(to bottom, var(--color-accent), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scroll-down}@keyframes scroll-down{0%,to{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (width<=768px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column}.hero-scroll-indicator{display:none}}.about{padding:var(--space-4xl) var(--space-xl)}.about-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-visual{justify-content:center;align-items:center;display:flex;position:relative}.about-avatar-container{width:380px;height:380px;position:relative}.about-avatar-ring{background:var(--color-accent-gradient);opacity:.15;border-radius:50%;animation:12s linear infinite rotate-ring;position:absolute;inset:-12px}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-avatar-ring:before{content:"";background:var(--color-bg);border-radius:50%;position:absolute;inset:3px}.about-avatar{color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:380px;height:380px;font-size:6rem;font-weight:900;display:flex;position:relative;overflow:hidden}.about-avatar-img{object-fit:contain;object-position:center;z-index:1;border:4px solid var(--color-accent);background:var(--color-bg-alt);border-radius:50%;width:380px;height:380px;position:relative;box-shadow:0 8px 32px #0284c726}.about-floating-tag{border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);font-size:var(--font-size-xs);color:var(--color-text);box-shadow:var(--glass-shadow);z-index:2;white-space:nowrap;padding:8px 16px;font-weight:600;position:absolute}.about-floating-tag:nth-child(3){top:10%;right:-20px}.about-floating-tag:nth-child(4){bottom:15%;left:-30px}.about-floating-tag:nth-child(5){bottom:5%;right:0}.about-content h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);color:var(--color-text);font-weight:700}.about-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.85}.about-text .highlight{color:var(--color-accent);font-weight:600}.about-info-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.about-info-item{flex-direction:column;gap:2px;display:flex}.about-info-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.about-info-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.about-actions{gap:var(--space-md);display:flex}@media (width<=768px){.about-grid{text-align:center;grid-template-columns:1fr}.about-visual{order:-1}.about-avatar-container{width:220px;height:220px}.about-avatar{width:220px;height:220px;font-size:4rem}.about-floating-tag{display:none}.about-info-grid{justify-items:center}.about-actions{flex-wrap:wrap;justify-content:center}}.experience{padding:var(--space-4xl) var(--space-xl)}.experience-timeline{max-width:800px;margin:0 auto;position:relative}.experience-timeline:before{content:"";background:linear-gradient(to bottom, var(--color-accent), #6366f11a);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:24px}.experience-item{margin-bottom:var(--space-2xl);padding-left:68px;position:relative}.experience-item:last-child{margin-bottom:0}.experience-dot{background:var(--color-accent-gradient);border:3px solid var(--color-bg);z-index:1;border-radius:50%;width:18px;height:18px;position:absolute;top:24px;left:16px;box-shadow:0 0 0 3px #6366f133}.experience-item:first-child .experience-dot{box-shadow:0 0 0 3px #6366f133,0 0 20px #6366f14d}.experience-card{padding:var(--space-xl)}.experience-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.experience-title{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.experience-company{font-size:var(--font-size-base);color:var(--color-accent);margin-top:2px;font-weight:600}.experience-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.experience-period{font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-full);background:#6366f10f;padding:4px 12px;font-weight:600}.experience-location{font-size:var(--font-size-xs);color:var(--color-text-muted)}.experience-highlights{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.experience-highlights li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:20px;line-height:1.7;position:relative}.experience-highlights li:before{content:"";background:var(--color-accent);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}@media (width<=768px){.experience-timeline:before{left:16px}.experience-item{padding-left:50px}.experience-dot{width:16px;height:16px;left:8px}.experience-header{flex-direction:column}.experience-meta{align-items:flex-start}}.skills{padding:var(--space-4xl) var(--space-xl)}.skills-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.skill-card{padding:var(--space-xl);cursor:default}.skill-card-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.skill-card-icon{border-radius:var(--radius-md);background:var(--color-accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.skill-card-title{font-size:var(--font-size-base);color:var(--color-text);font-weight:700}.skill-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skill-tag{font-size:var(--font-size-xs);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);background:#6366f10f;border:1px solid #6366f11a;padding:6px 14px;font-weight:500}.skill-tag:hover{color:var(--color-accent);background:#6366f11f;border-color:#6366f140;transform:translateY(-1px)}@media (width<=1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}}.projects{padding:var(--space-4xl) var(--space-xl)}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.project-card{cursor:default;padding:0;position:relative;overflow:hidden}.project-card-accent{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;height:4px}.project-card-body{padding:var(--space-xl)}.project-card-header{margin-bottom:var(--space-lg)}.project-number{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);font-weight:700}.project-title{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:4px;font-weight:800;line-height:1.2}.project-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.project-highlights{margin-bottom:var(--space-lg);list-style:none}.project-highlights li{margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:18px;line-height:1.7;position:relative}.project-highlights li:before{content:"▸";color:var(--color-accent);font-weight:700;position:absolute;left:0}.project-tech{flex-wrap:wrap;gap:6px;display:flex}.project-tech-tag{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);background:#6366f10f;border:1px solid #6366f11a;padding:4px 10px;font-size:11px;font-weight:500}.project-card:hover .project-tech-tag{border-color:#6366f133}.project-card.featured{grid-column:1/-1}.project-card.featured .project-card-body{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.project-card.featured .project-card-content{flex-direction:column;display:flex}.project-card.featured .project-highlights{flex:1}.project-featured-badge{font-size:var(--font-size-xs);color:var(--color-accent);border-radius:var(--radius-full);margin-bottom:var(--space-sm);background:#6366f114;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.project-featured-visual{border-radius:var(--radius-md);padding:var(--space-xl);background:linear-gradient(135deg,#6366f10d,#8b5cf614);justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.project-featured-visual:before{content:"";background:radial-gradient(circle at 20%,#6366f114 0%,#0000 50%),radial-gradient(circle at 80%,#8b5cf614 0%,#0000 50%);position:absolute;inset:0}.project-visual-icon{z-index:1;font-size:5rem;position:relative}@media (width<=1024px){.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:1}.project-card.featured .project-card-body{grid-template-columns:1fr}.project-featured-visual{min-height:200px}}@media (width<=600px){.project-card-body{padding:var(--space-lg)}}.certifications{padding:var(--space-4xl) var(--space-xl)}.certs-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);max-width:800px;margin:0 auto;display:grid}.cert-card{padding:var(--space-xl);align-items:flex-start;gap:var(--space-md);display:flex}.cert-icon{border-radius:var(--radius-md);background:var(--color-accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.cert-info{flex:1}.cert-title{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:4px;font-weight:700}.cert-issuer{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width<=600px){.certs-grid{grid-template-columns:1fr}}.contact{padding:var(--space-4xl) var(--space-xl)}.contact-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto;display:grid}.contact-info h3{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-md);font-weight:700}.contact-info p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.8}.contact-details{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.contact-detail-item{align-items:center;gap:var(--space-md);display:flex}.contact-detail-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-accent);background:#6366f114;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-detail-text{flex-direction:column;display:flex}.contact-detail-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.contact-detail-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.contact-detail-value a{color:var(--color-text);transition:color var(--transition-fast)}.contact-detail-value a:hover{color:var(--color-accent)}.contact-socials{gap:var(--space-sm);display:flex}.contact-social-link{border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--color-text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.contact-social-link:hover{background:var(--color-accent-gradient);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.contact-form-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--glass-shadow)}.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);transition:all var(--transition-fast);background:#ffffff80;outline:none;padding:12px 16px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-submit{margin-top:var(--space-sm)}.form-submit .btn{justify-content:center;width:100%}@media (width<=768px){.contact-grid,.form-row{grid-template-columns:1fr}}.footer{z-index:1;padding:var(--space-3xl) var(--space-xl) var(--space-xl);border-top:1px solid var(--color-border);position:relative}.footer-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand{flex-direction:column;gap:4px;display:flex}.footer-logo{font-size:var(--font-size-lg);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-links{gap:var(--space-lg);list-style:none;display:flex}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast);font-weight:500}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{max-width:var(--max-width);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--color-border);text-align:center}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-muted)}.footer-copyright .heart{color:#ef4444}@media (width<=600px){.footer-inner{text-align:center;flex-direction:column}.footer-links{flex-wrap:wrap;justify-content:center}}