@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;--background:#080b0f;--surface:#0f141a;--surface-soft:#131a22;--surface-hover:#18212b;--text:#f8fafc;--text-soft:#cbd5e1;--muted:#8b98a8;--accent:#10b981;--accent-bright:#34d399;--accent-soft:#10b9811f;--border:#ffffff14;--border-strong:#ffffff24;--shadow:0 24px 70px #00000059;--radius-small:14px;--radius-medium:22px;--radius-large:30px;--container:1180px;background:#080b0f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 8%, #10b9811a, transparent 30%), radial-gradient(circle at 92% 24%, #34d3990d, transparent 28%), var(--background);overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}button,input,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}img{width:100%;display:block}::selection{color:#04110d;background:var(--accent-bright)}.site{width:min(var(--container), calc(100% - 40px));margin:0 auto}main{display:block}section{position:relative}.eyebrow{color:var(--accent-bright);letter-spacing:.18em;font-size:.75rem;font-weight:700;line-height:1.5}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px;display:flex}.section-heading h2{letter-spacing:-.055em;margin-top:10px;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.section-heading>p{max-width:440px;color:var(--muted);line-height:1.75}.navbar{z-index:100;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080b0fc7;border-radius:20px;justify-content:space-between;align-items:center;min-height:70px;margin-top:18px;padding:0 22px;display:flex;position:sticky;top:18px;box-shadow:0 14px 40px #00000038}.brand{letter-spacing:-.03em;font-size:1rem;font-weight:800}.brand:after{content:".";color:var(--accent-bright)}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--muted);font-size:.9rem;font-weight:500;transition:color .18s,transform .18s;position:relative}.nav-links a:after{content:"";transform-origin:0;background:var(--accent-bright);height:1px;transition:transform .18s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform:scaleX(1)}.menu-button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:12px;width:42px;height:42px;display:none}.menu-button span{background:var(--text);width:18px;height:1px;margin:5px auto;display:block}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:.9rem;font-weight:700;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#04110d;background:var(--accent-bright);box-shadow:0 15px 35px #10b9812e}.button-primary:hover{background:#6ee7b7;box-shadow:0 20px 45px #10b9813d}.button-secondary{color:var(--text-soft);border-color:var(--border-strong);background:#ffffff06}.button-secondary:hover{background:var(--accent-soft);border-color:#34d39959}.hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:70px;min-height:calc(100vh - 110px);padding:90px 0 110px;display:grid}.hero-copy{max-width:720px;animation:.7s both fade-up}.availability{color:var(--text-soft);border:1px solid var(--border);background:#ffffff06;border-radius:999px;align-items:center;gap:9px;margin-bottom:32px;padding:8px 13px;font-size:.78rem;display:inline-flex}.availability-dot{background:var(--accent-bright);border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 16px #34d399bf}.availability-dot:after{content:"";border-radius:inherit;border:1px solid #34d39980;animation:1.8s infinite pulse;position:absolute;inset:-5px}.hero h1{letter-spacing:-.075em;max-width:760px;margin:18px 0 26px;font-size:clamp(3.2rem,7vw,6.6rem);line-height:.94}.hero h1 span{color:var(--muted)}.hero-description{max-width:630px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-details{color:#657181;flex-wrap:wrap;gap:28px;margin-top:38px;font-size:.82rem;display:flex}.hero-details span{position:relative}.hero-details span+span:before{content:"";background:#4b5563;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-15px}.profile-panel{border:1px solid var(--border);border-radius:var(--radius-large);background:linear-gradient(145deg, #ffffff0f, #ffffff04), var(--surface);width:min(100%,450px);box-shadow:var(--shadow);justify-self:end;padding:14px;animation:.8s .12s both fade-up;position:relative;overflow:hidden}.profile-panel:before{content:"";pointer-events:none;background:linear-gradient(140deg,#34d3991f,#0000 34%);position:absolute;inset:0}.profile-glow{filter:blur(80px);background:#10b98133;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-100px;right:-90px}.profile-image{object-fit:cover;object-position:center top;filter:saturate(.78)contrast(1.04);background:#0b1015;border-radius:21px;min-height:490px;position:relative}.profile-caption{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.profile-caption span{color:#d9e4e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a0db3;border:1px solid #ffffff1f;border-radius:999px;padding:8px 11px;font-size:.72rem;font-weight:600}.featured-section{border-top:1px solid var(--border);padding:110px 0}.featured-project{border:1px solid var(--border);border-radius:var(--radius-large);background:linear-gradient(145deg, #10b9810e, transparent 35%), var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);display:grid;overflow:hidden}.featured-visual{background:#090d11;min-height:570px;overflow:hidden}.featured-visual img{object-fit:cover;object-position:top center;height:100%;transition:transform .5s}.featured-project:hover .featured-visual img{transform:scale(1.018)}.featured-content{border-left:1px solid var(--border);flex-direction:column;justify-content:center;padding:clamp(32px,5vw,64px);display:flex}.featured-description{color:var(--text-soft);font-size:1.05rem;line-height:1.85}.technology-list{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.technology-list span{color:#b7c2cc;border:1px solid var(--border);background:#ffffff06;border-radius:999px;padding:8px 11px;font-size:.76rem;font-weight:600}.technology-list.small{margin-top:20px}.technology-list.small span{padding:7px 9px;font-size:.7rem}.project-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.source-note{color:#687585;margin-top:20px;font-size:.78rem}.demo-video{margin-top:68px}.video-heading{margin-bottom:24px}.video-heading h3{letter-spacing:-.045em;margin-top:9px;font-size:clamp(1.7rem,4vw,2.5rem)}.video-frame{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow);background:#020404;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.projects-section{border-top:1px solid var(--border);padding:110px 0}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface);transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden}.project-card:hover{border-color:#34d3993d;transform:translateY(-7px);box-shadow:0 25px 60px #0000004d}.project-image{border-bottom:1px solid var(--border);background:#090d11;display:block;overflow:hidden}.project-image img{aspect-ratio:16/10;object-fit:cover;object-position:top center;transition:transform .45s}.project-card:hover .project-image img{transform:scale(1.035)}.project-content{padding:28px}.project-content h3{letter-spacing:-.035em;font-size:1.28rem}.project-content>p{min-height:82px;color:var(--muted);margin-top:12px;line-height:1.75}.project-links{align-items:center;gap:22px;margin-top:26px;display:flex}.project-links a{color:var(--text-soft);font-size:.84rem;font-weight:700;position:relative}.project-links a:after{content:"↗";color:var(--accent-bright);margin-left:6px}.project-links a:hover{color:var(--accent-bright)}.skills-section{border-top:1px solid var(--border);padding:110px 0}.skills-list{flex-wrap:wrap;gap:12px;display:flex}.skills-list span{color:var(--text-soft);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:15px 19px;font-size:.88rem;font-weight:600;transition:transform .18s,color .18s,border-color .18s,background .18s}.skills-list span:hover{color:var(--accent-bright);background:var(--accent-soft);border-color:#34d39959;transform:translateY(-3px)}.about-section{border-top:1px solid var(--border);padding:110px 0}.about-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:80px;margin-top:28px;display:grid}.about-grid h2{letter-spacing:-.065em;max-width:720px;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.04}.about-copy{align-content:center;gap:22px;display:grid}.about-copy p{color:var(--muted);line-height:1.9}.contact-section{text-align:center;border:1px solid var(--border);border-radius:var(--radius-large);background:radial-gradient(circle at 50% 0%, #10b98121, transparent 42%), var(--surface);box-shadow:var(--shadow);margin:70px 0 30px;padding:clamp(45px,8vw,90px)}.contact-section h2{letter-spacing:-.07em;margin:14px auto 20px;font-size:clamp(2.3rem,6vw,5rem);line-height:1}.contact-section>p:not(.eyebrow){max-width:620px;color:var(--muted);margin:0 auto;line-height:1.8}.contact-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.contact-links a{color:var(--text-soft);border:1px solid var(--border-strong);border-radius:999px;padding:12px 18px;font-size:.84rem;font-weight:700;transition:color .18s,transform .18s,border-color .18s,background .18s}.contact-links a:hover{color:var(--accent-bright);background:var(--accent-soft);border-color:#34d39959;transform:translateY(-2px)}footer{color:#5d6978;justify-content:space-between;align-items:center;gap:24px;padding:34px 0 44px;font-size:.78rem;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.9;transform:scale(.75)}70%{opacity:0;transform:scale(1.35)}to{opacity:0}}@media (width<=980px){.hero{grid-template-columns:1fr;min-height:auto;padding:100px 0}.profile-panel{justify-self:stretch;width:100%;max-width:620px}.profile-image{max-height:650px}.featured-project{grid-template-columns:1fr}.featured-visual{min-height:auto}.featured-visual img{aspect-ratio:16/10}.featured-content{border-top:1px solid var(--border);border-left:0}.about-grid{grid-template-columns:1fr;gap:35px}}@media (width<=760px){.site{width:min(100% - 24px, var(--container))}.navbar{min-height:62px;padding:0 14px}.menu-button{display:block}.nav-links{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b0ff7;border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:12px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0}.nav-links.is-open{display:flex}.nav-links a{border-radius:10px;padding:14px}.nav-links a:hover{background:#ffffff09}.nav-links a:after{display:none}.hero{gap:48px;padding:80px 0}.hero h1{font-size:clamp(3rem,15vw,4.7rem)}.section-heading{flex-direction:column;align-items:start;gap:16px}.section-heading>p{max-width:100%}.featured-section,.projects-section,.skills-section,.about-section{padding:80px 0}.projects-grid{grid-template-columns:1fr}.project-content>p{min-height:auto}.profile-image{min-height:400px}}@media (width<=520px){.hero-actions,.project-actions{flex-direction:column}.hero-actions .button,.project-actions .button{width:100%}.hero-details{flex-direction:column;align-items:flex-start;gap:10px}.hero-details span+span:before{display:none}.profile-panel{border-radius:22px;padding:9px}.profile-image{border-radius:16px;min-height:340px}.profile-caption{bottom:18px;left:18px;right:18px}.featured-content,.project-content{padding:24px}.contact-section{padding:48px 20px}.contact-links{flex-direction:column}.contact-links a{width:100%}footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}