:root{color:#f1f5f9;font-synthesis:none;text-rendering:optimizelegibility;background:#070b14;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f1f5f9;background:#070b14;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,a{font-family:inherit}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#070b14e0;border-bottom:1px solid #172033;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 7%;display:flex;position:fixed;top:0;left:0}.logo{color:#f1f5f9;letter-spacing:-.03em;font-size:1.4rem;font-weight:700}.logo span{color:#22d3ee}nav{gap:2rem;display:flex}nav a{color:#94a3b8;font-size:.95rem;transition:color .2s}nav a:hover{color:#22d3ee}.hero{background:radial-gradient(circle at 65% 40%,#22d3ee17,#0000 32%),#070b14;align-items:center;min-height:100vh;padding:120px 10% 80px;display:flex}.hero-content{max-width:850px}.intro{color:#22d3ee;margin-bottom:1rem;font-size:1.05rem;font-weight:600}.hero h1{letter-spacing:-.05em;color:#f1f5f9;max-width:850px;margin:0;font-size:clamp(3rem,7vw,5.8rem);line-height:1.05}.hero h1:after{content:none}.hero h1 span{color:#22d3ee}.description{color:#94a3b8;max-width:680px;margin-top:1.8rem;font-size:1.15rem;line-height:1.8}.hero-buttons{gap:1rem;margin-top:2.2rem;display:flex}.btn{border-radius:8px;justify-content:center;align-items:center;padding:.85rem 1.5rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.primary{color:#071018;background:#22d3ee}.primary:hover{background:#67e8f9}.secondary{color:#e2e8f0;border:1px solid #334155}.secondary:hover{border-color:#22d3ee}.social-links{gap:1.5rem;margin-top:2rem;display:flex}.social-links a{color:#64748b;font-size:.95rem}.social-links a:hover{color:#22d3ee}@media (width<=850px){.navbar{padding:0 6%}.hero{padding-left:6%;padding-right:6%}.hero-buttons{flex-direction:column;align-items:flex-start}.btn{width:100%;max-width:260px}}.section{background:#070b14;padding:110px 10%}.section-alt{background:#0a1020}.section-container{max-width:1200px;margin:0 auto}.section-label{color:#22d3ee;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.8rem;font-size:.9rem;font-weight:700}.section h2{color:#f1f5f9;letter-spacing:-.04em;margin:0 0 1.5rem;font-size:clamp(2rem,4vw,3.5rem)}.section-text{color:#94a3b8;max-width:780px;margin-bottom:1.2rem;font-size:1.08rem;line-height:1.8}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.5rem;display:grid}.skill-card{background:#0d1526;border:1px solid #1e293b;border-radius:12px;padding:1.6rem;transition:transform .2s,border-color .2s}.skill-card:hover{border-color:#22d3ee;transform:translateY(-4px)}.skill-card h3{color:#f1f5f9;margin:0 0 .7rem;font-size:1rem}.skill-card p{color:#94a3b8;margin:0;line-height:1.6}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}.section{padding-left:6%;padding-right:6%}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;display:grid}.project-card{background:#0d1526;border:1px solid #1e293b;border-radius:14px;flex-direction:column;min-height:360px;padding:2rem;transition:transform .2s,border-color .2s;display:flex}.project-card:hover{border-color:#22d3ee;transform:translateY(-5px)}.project-number{color:#22d3ee;margin:0 0 1.5rem;font-size:.85rem;font-weight:700}.project-card h3{color:#f1f5f9;margin:0 0 1rem;font-size:1.6rem}.project-card>p:not(.project-number){color:#94a3b8;margin:0;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.project-tags span{color:#67e8f9;background:#22d3ee14;border:1px solid #22d3ee29;border-radius:6px;padding:.35rem .65rem;font-size:.8rem}.project-links{gap:1.2rem;margin-top:auto;padding-top:2rem;display:flex}.project-links a{color:#f1f5f9;font-weight:600}.project-links a:hover{color:#22d3ee}@media (width<=1000px){.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto}}.cert-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem;display:grid}.cert-card{background:#0d1526;border:1px solid #1e293b;border-radius:14px;padding:2rem}.cert-provider{color:#22d3ee;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;font-size:.85rem;font-weight:700}.cert-card h3{color:#f1f5f9;margin:0 0 .7rem;font-size:1.3rem}.cert-card>p:last-child{color:#94a3b8;margin:0}.blog-section{justify-content:space-between;align-items:center;gap:4rem;display:flex}.blog-section>div{max-width:750px}.blog-section .btn{flex-shrink:0}.contact-section{text-align:center}.contact-section .section-text{margin-left:auto;margin-right:auto}.contact-links{justify-content:center;gap:1rem;margin-top:2rem;display:flex}footer{background:#050810;border-top:1px solid #172033;padding:2rem 10%}.footer-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-container p{color:#64748b;margin:0;font-size:.9rem}@media (width<=750px){.cert-grid{grid-template-columns:1fr}.blog-section{flex-direction:column;align-items:flex-start;gap:1.5rem}.contact-links{flex-direction:column;align-items:center}.footer-container{flex-direction:column;gap:1rem}}.menu-button{cursor:pointer;background:0 0;border:0;width:42px;height:42px;padding:9px;display:none}.menu-button span{background:#f1f5f9;width:100%;height:2px;margin:5px 0;transition:all .2s;display:block}@media (width<=850px){.menu-button{display:block}.navbar nav{background:#0a1020;border-bottom:1px solid #1e293b;flex-direction:column;width:100%;padding:1.5rem 6%;display:none;position:absolute;top:76px;left:0}.navbar nav.nav-open{display:flex}.navbar nav a{padding:.7rem 0;font-size:1rem}}
