@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--home-teal: #76cfc5;--home-orange: #ffb400;--home-coral: #ec6664;--home-text: #e2e8f0;--home-muted: #94a3b8;--home-surface: rgba(15, 23, 42, .75);--home-border: rgba(51, 65, 85, .6)}body.home-page{background:#020617;color:var(--home-text);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.home-page main{width:100%;max-width:100%;margin:0;padding:0}body.home-page header{position:fixed;top:0;left:0;right:0;background:#020617eb;border-bottom:1px solid var(--home-border);box-shadow:0 10px 24px #02061773;backdrop-filter:blur(10px);z-index:20}body.home-page nav a{color:var(--home-text);font-weight:600}body.home-page nav a.active{color:var(--home-coral)}body.home-page footer{background:#020617e6;color:var(--home-muted);border-top:1px solid var(--home-border)}body.home-page footer .social-links a{color:var(--home-muted)}body.home-page footer .social-links a:hover{color:var(--home-text)}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:5.5rem;padding-bottom:4rem;background:radial-gradient(1000px 400px at 50% -10%,rgba(56,189,248,.15),transparent 60%),linear-gradient(180deg,#0f172ae6,#020617 60%)}.hero-content{max-width:1200px;width:100%;margin:0 auto;padding:0 2rem;display:grid;gap:3rem;grid-template-columns:1.15fr .85fr;align-items:center}.hero-left h1,.hero-left h2{font-family:Outfit,Space Grotesk,sans-serif}.hero-kicker{color:#7dd3fc;font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-size:.85rem}.hero-title{margin:1rem 0 1.5rem;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:800;line-height:1.05;background:linear-gradient(90deg,var(--home-teal) 0%,var(--home-orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{font-size:1.15rem;line-height:1.8;max-width:34rem;color:var(--home-muted)}.hero-actions{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2.5rem}.btn-primary,.btn-secondary{padding:.85rem 2.1rem;border-radius:999px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(148,163,184,.4);transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(90deg,#0ea5e9,#22c55e);color:#0b1120;box-shadow:0 10px 22px #0ea5e940}.btn-secondary{background:#0f172ae6;color:var(--home-text);box-shadow:0 4px 16px #02061766}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px) scale(1.02)}.hero-stats{display:flex;gap:2.5rem;margin-top:2.5rem}.stat-value{display:block;font-size:2rem;font-weight:700;color:#f8fafc}.stat-label{display:block;font-size:.9rem;color:var(--home-muted)}.hero-right{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-avatar{width:280px;height:280px;border-radius:50%;object-fit:cover;border:4px solid rgba(56,189,248,.6);box-shadow:0 12px 32px #02061780}.hero-socials{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center}.hero-social{text-decoration:none;font-weight:700;color:var(--home-muted);transition:color .2s ease,transform .2s ease}.hero-social:hover{color:#7dd3fc;transform:scale(1.05)}.section-inner{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.about-section{background:linear-gradient(135deg,#0f172ae6,#1e293be6);color:#fff;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:5rem 0}.about-section h2{font-family:Outfit,Space Grotesk,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.about-section p{font-size:1.2rem;line-height:1.9;max-width:800px;margin:0 auto;color:var(--home-muted)}.projects-section{background:linear-gradient(135deg,#020617,#0f172af2 60%,#020617);color:#f8fafc;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:5rem 0}.projects-section h2{font-family:Outfit,Space Grotesk,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.section-lead{font-size:1.1rem;margin-bottom:2.5rem;color:var(--home-muted)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.project-card{background:var(--home-surface);color:var(--home-text);padding:1.8rem;border-radius:18px;border:1px solid var(--home-border);box-shadow:0 12px 32px #02061759;text-align:left;display:flex;flex-direction:column;gap:.8rem}.project-embed{width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.2);background:#02061799}.project-embed iframe{width:100%;height:100%;border:0}.project-card h3{font-size:1.4rem;margin:0;font-family:Outfit,Space Grotesk,sans-serif}.project-card p{margin:0;color:var(--home-muted)}.pill{display:inline-flex;align-items:center;padding:.25rem .8rem;border-radius:999px;background:#94a3b833;color:var(--home-muted);font-size:.85rem;font-weight:600;width:fit-content}.skills-section{background:linear-gradient(135deg,#1e293be6,#0f172ae6);color:#fff;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:5rem 0 6rem}.skills-section h2{font-family:Outfit,Space Grotesk,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:2.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.skill-card{background:#0f172aa6;border:1px solid var(--home-border);border-radius:16px;padding:1.5rem;text-align:left;backdrop-filter:blur(8px)}.skill-header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:.75rem}.skill-bar{height:8px;border-radius:999px;background:#94a3b84d;overflow:hidden}.skill-bar span{display:block;height:100%;width:calc(var(--skill) * 1%);background:linear-gradient(90deg,#38bdf8,#34d399);border-radius:999px}.credentials-section{background:linear-gradient(135deg,#020617f2,#0f172af2);color:#fff;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:5rem 0 6rem}.credentials-section h2{font-family:Outfit,Space Grotesk,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;align-items:center;justify-items:center;margin-top:2.5rem}.credential-badge{width:170px;height:170px;padding:.7rem;object-fit:contain}@media(max-width:900px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-left{display:flex;flex-direction:column;align-items:center}.hero-stats{justify-content:center}.project-card{text-align:center;align-items:center}}@media(max-width:600px){.hero-actions{justify-content:center}.hero-avatar{width:220px;height:220px}.credential-badge{width:126px;height:126px}}