@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:#05081a;min-width:320px;margin:0}body,button,a{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}a{color:inherit}#root{min-height:100vh}:root{--bg-900:#030418;--bg-800:#071026;--bg-700:#0b1530;--muted:#cbd5e1;--accent-start:#8b5cf6;--accent-mid:#5b21b6;--accent-end:#3b82f6}html{scroll-behavior:smooth}body{color:#f8fafc;background:linear-gradient(135deg, var(--bg-900) 0%, var(--bg-800) 45%, var(--bg-700) 100%);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:400}.page-shell{min-height:100vh;padding:0 1.25rem 3rem}.container{max-width:1152px;margin:0 auto;padding:0 1rem}html,body,.page-shell{overflow-x:hidden}.loading-screen{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617eb;place-items:center;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}.loader-mark{color:var(--accent-start);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;animation:1.1s ease-in-out infinite loader-pulse;display:inline-flex}@keyframes loader-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.loading-screen[aria-hidden=true]{opacity:0;visibility:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617bf;justify-content:space-between;align-items:center;min-height:56px;padding:0 .75rem;display:flex;position:sticky;top:0}.brand{align-items:center;height:56px;display:flex;position:relative;overflow:visible}.brand img{object-fit:contain;height:auto;max-height:56px;display:block}.brand-img{object-fit:contain;z-index:2;transform-origin:0;filter:drop-shadow(0 18px 40px #0000008c)saturate(1.05);width:auto;height:56px;max-height:56px;transition:transform .18s,filter .18s;transform:scale(2.4)}.brand:hover .brand-img{transform:scale(2.5)translateY(-2px)}.brand:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(60% 60% at 20%,#8b5cf61f,#0000 25%),radial-gradient(60% 60% at 80%,#3b82f614,#0000 30%);border-radius:10px;width:calc(100% + 24px);height:52px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-links{gap:1rem;display:flex}.hero-section{grid-template-columns:320px 1fr;align-items:center;gap:3rem;margin:2.25rem auto 3.5rem;padding:2.5rem 0;display:grid}.subhead{color:#fff;margin:.35rem 0 .9rem;font-size:clamp(.9rem,1.8vw,1.25rem);font-weight:700;line-height:1.05}.hero-section{grid-template-columns:360px 1fr}.hero-left{justify-content:center}.hero-right{justify-content:flex-start}.hero-secondary{margin-top:2.25rem}.hero-secondary-grid{align-items:center;gap:1.25rem;max-width:980px;margin:0 auto;padding:1rem;display:flex}.hero-secondary-img img{object-fit:cover;border:1px solid #ffffff05;border-radius:12px;width:160px;height:160px;box-shadow:0 18px 48px #02061773}.hero-secondary-text h3{color:#fff;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.hero-secondary-text p{color:var(--muted);margin:0}.profile-photo{object-fit:cover;z-index:2;border:6px solid #ffffff0f;border-radius:1rem;width:20rem;max-width:320px;height:20rem;max-height:320px;box-shadow:0 36px 80px #020617a6}.services-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.service-card{background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #161a288c;border-radius:12px;padding:1.4rem;transition:transform .18s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.service-card h3{margin:0 0 .6rem;font-weight:700}.service-card p{color:var(--muted);margin:0;font-weight:400;line-height:1.6}.service-card .card-number{color:var(--accent-start);letter-spacing:.12em;margin-bottom:.6rem;font-weight:700;display:block}.service-card:hover{border-color:#734addf2;transform:translateY(-6px);box-shadow:0 18px 46px #1b223480,0 6px 30px #3b82f60f}.service-card:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(90deg,#8b5cf60f,#5b21b60a,#3b82f608);transition:opacity .22s;position:absolute;inset:-2px}.service-card:hover:after{opacity:1}.projects-layout{grid-template-columns:320px 1fr;align-items:start;gap:2rem;margin-top:1rem;display:grid}.timeline{border-left:2px solid #ffffff0a;padding-left:1.1rem}.timeline-item{align-items:flex-start;gap:.9rem;padding:1rem 0;display:flex}.timeline-marker{background:linear-gradient(90deg,var(--accent-start),var(--accent-end));border-radius:4px;width:14px;height:14px;margin-left:-8px;transform:translate(-50%);box-shadow:0 6px 20px #3b82f60f}.timeline-body strong{font-weight:700;display:block}.timeline-body .muted{color:var(--muted);margin:.15rem 0 .4rem}.timeline-detail{color:var(--muted);margin:0;font-size:.95rem}.project-card{cursor:pointer;background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #161a288c;border-radius:12px;padding:1rem;display:block}.project-card .project-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-card h3{margin:.25rem 0 0;font-weight:700}.project-card .project-detail{max-height:0;padding:0;transition:max-height .26s,padding .26s;overflow:hidden}.project-card.open .project-detail{max-height:240px;padding:.8rem 0 .2rem}.project-card .project-detail p{color:var(--muted);margin:0 0 .6rem;font-weight:400}.contact-notice{border-radius:8px;margin:.25rem 0 0;padding:.6rem .8rem;font-weight:600}.contact-notice.loading{color:#93c5fd;background:#3b82f61a}.contact-notice.success{color:#6ee7b7;background:#10b9811a}.contact-notice.error{color:#fca5a5;background:#ef44441a}.contact-form button:disabled{cursor:wait;opacity:.7}.hero-left{justify-content:center;align-items:center;display:flex}.hero-right{flex-direction:column;justify-content:center;display:flex}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.projects-layout{grid-template-columns:1fr}.timeline{border-left:none;order:2;padding-left:0}.hero-section{grid-template-columns:1fr;padding:1.25rem 0}.profile-wrap{width:14rem;height:14rem}.profile-photo{border-radius:1rem;width:14rem;height:14rem}.contact-grid{grid-template-columns:1fr}.contact-form .form-row{flex-direction:column}}@media (width<=640px){.services-grid{grid-template-columns:1fr}.profile-wrap,.profile-photo{width:12rem;height:12rem}.page-shell{padding:0 .75rem 2rem}.topbar{flex-direction:column;align-items:flex-start;gap:.6rem}}@keyframes spin{to{transform:rotate(360deg)}}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02061799;justify-content:space-between;align-items:center;padding:1rem 0;display:flex;position:sticky;top:0}.brand{color:#f8fafc;letter-spacing:.12em;text-transform:uppercase;font-size:1.05rem;font-weight:700;text-decoration:none}.nav-links{flex-wrap:wrap;gap:1rem;display:flex}.nav-links a{color:#cbd5e1;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a.active{background:linear-gradient(90deg, var(--accent-start), var(--accent-end));color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--accent-start), var(--accent-end));opacity:0;border-radius:3px;height:3px;transition:opacity .22s,transform .22s;position:absolute;bottom:-6px;left:0;right:0;transform:translateY(4px)}.nav-links a.active:after{opacity:1;transform:translateY(0)}.nav-links a:hover{color:#fff}.content-stack{gap:1.25rem;max-width:1180px;margin:0 auto;padding-top:1rem;display:grid}.panel{background:#0a111fb8;border:1px solid #94a3b833;border-radius:24px;padding:2rem;box-shadow:0 18px 60px #02061747}.hero-panel{grid-template-columns:1.4fr .9fr;align-items:center;gap:2rem;display:grid}.hero-section{grid-template-columns:1fr 420px;align-items:center;gap:2.25rem;max-width:1180px;margin:2.25rem auto 3.5rem;padding:2rem;display:grid}.hero-left{max-width:720px}.hero-left h1{margin:.25rem 0 1rem;font-size:clamp(2rem,4.2vw,3rem)}.hero-left .muted{color:var(--muted);font-size:.95rem;font-weight:600;display:block}.hero-bio{color:var(--muted);margin-bottom:1.1rem;font-weight:400;line-height:1.6}.hero-right{justify-content:center;align-items:center;display:flex}.profile-wrap{place-items:center;width:320px;height:320px;display:grid;position:relative}.profile-photo{object-fit:cover;z-index:2;border:6px solid #ffffff0f;border-radius:9999px;width:260px;height:260px;position:relative;box-shadow:0 30px 60px #02061799}.neon-glow{z-index:1;filter:blur(22px);opacity:.95;background:radial-gradient(circle at 30% 20%,#8b5cf647,#0000 18%),radial-gradient(circle at 70% 80%,#3b82f62e,#0000 30%),conic-gradient(from 120deg,#5b21b60f,#3b82f60a);border-radius:9999px;position:absolute;inset:0;transform:scale(1.12)}@media (width<=900px){.hero-section{grid-template-columns:1fr;padding:1.25rem}.profile-wrap{width:240px;height:240px}.profile-photo{width:200px;height:200px}}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#8b5cf6;margin-bottom:.75rem;font-size:.76rem;font-weight:700;display:inline-block}h1,h2,h3{letter-spacing:-.02em;font-weight:700}h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}h2{margin:0 0 .8rem;font-size:1.5rem}.intro{color:#cbd5e1;margin-bottom:1.1rem;font-size:1rem;line-height:1.75}.actions{flex-wrap:wrap;gap:.8rem;display:flex}.primary-link,.secondary-link{border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.primary-link:hover,.secondary-link:hover{transform:translateY(-2px)}.primary-link{background:linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);color:#fff}.secondary-link{color:#f8fafc;background:#ffffff14}.hero-card{background:linear-gradient(145deg,#0f172af2,#1e293bf2);border:1px solid #6366f133;border-radius:20px;padding:1.4rem;position:relative;overflow:hidden}.section-wrap{opacity:0;scroll-margin-top:84px;transition:opacity .6s,transform .6s;transform:translateY(8px)}.page-shell.page-ready main .section-wrap{opacity:1;transform:none}.card-glow{background:radial-gradient(circle,#3b82f659,#0000 70%);width:140px;height:140px;position:absolute;inset:auto -30px -30px auto}.hero-card ul{color:#e2e8f0;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.hero-card li:before{content:"•";color:#8b5cf6;margin-right:.5rem}.section-heading{margin-bottom:1rem}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.info-card{background:#ffffff0a;border:1px solid #94a3b829;border-radius:18px;padding:1.2rem}.info-card p{color:#cbd5e1;margin:0;line-height:1.7}.contact-panel{text-align:left}.contact-section{background:#ffffff03;border:1px solid #ffffff05;border-radius:14px;padding:2rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.contact-left h3,.contact-right h3{margin:0 0 .6rem;font-weight:700}.contact-list{margin:0 0 1rem;padding:0;list-style:none}.contact-list li{margin:.5rem 0}.socials{gap:.6rem;margin-top:.8rem;display:flex}.icon-link{width:42px;height:42px;color:var(--muted);background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;justify-content:center;align-items:center;transition:transform .16s,background .16s;display:inline-flex}.icon-link:hover{color:#fff;background:linear-gradient(90deg,var(--accent-start),var(--accent-end));transform:translateY(-4px)}.contact-form{flex-direction:column;gap:.75rem;display:flex}.contact-form .form-row{gap:.75rem;display:flex}.contact-form input,.contact-form textarea{color:#f8fafc;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;outline:none;padding:.75rem .9rem;font-weight:400}.contact-form input:focus,.contact-form textarea:focus{border-color:#8b5cf6e6;box-shadow:0 6px 20px #3b82f60f}.form-actions{justify-content:flex-end;margin-top:.25rem;display:flex}.success-notice{color:#10b981;background:#10b98114;border-radius:8px;margin-top:.6rem;padding:.6rem .8rem;font-weight:600}@media (width<=900px){.contact-grid{grid-template-columns:1fr}.contact-form .form-row{flex-direction:column}.hero-panel,.card-grid{grid-template-columns:1fr}}@media (width<=640px){.page-shell{padding:0 .75rem 2rem}.topbar{flex-direction:column;align-items:flex-start;gap:.6rem}.panel{padding:1.25rem}}.site-footer{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem 0;display:flex}.site-footer img.footer-logo{object-fit:contain;opacity:.95;width:auto;max-height:40px}.site-footer span{font-size:.95rem}