.nav{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease}.nav-scrolled{background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px}.nav-logo{font-family:var(--font-display);font-size:19px;font-weight:600;text-decoration:none;color:var(--text)}.nav-links{display:flex;gap:32px;font-size:15px}.nav-links a{text-decoration:none;color:var(--muted);transition:color .15s ease}.nav-links a:hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:14px}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,transform .15s ease}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.nav-cta{padding:10px 20px;font-size:14px}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-burger span{width:20px;height:2px;background:var(--text);display:block}.nav-mobile{display:none}@media (max-width: 780px){.nav-links,.nav-right{display:none}.nav-burger{display:flex}.nav-mobile{display:flex;flex-direction:column;gap:18px;padding:20px 24px 28px;background:var(--bg);border-bottom:1px solid var(--line)}.nav-mobile a{text-decoration:none;color:var(--text);font-size:15px}.nav-mobile-row{display:flex}.nav-mobile .theme-toggle{width:auto;height:auto;border-radius:999px;padding:10px 16px;font-size:14px;gap:8px}.nav-mobile .btn{width:fit-content}}.hero{padding-top:160px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-bottom:90px}.hero-title{font-size:clamp(36px,4.6vw,54px);color:var(--text)}.hero-accent{color:var(--accent)}.hero-sub{color:var(--muted);font-size:17.5px;line-height:1.7;max-width:46ch;margin:24px 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.hero-tags span{font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.hero-photo-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-photo-ring{width:340px;max-width:100%;aspect-ratio:1;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--accent),var(--gold))}.hero-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:4px solid var(--bg)}.hero-photo-badge{display:flex;align-items:center;gap:8px;margin-top:20px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:600;color:var(--text)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-dim);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:120px}.hero-photo-col{order:-1;margin-bottom:8px}.hero-photo-ring{width:240px}}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px}.about-text p{color:var(--muted);font-size:16.5px;line-height:1.8;margin:0 0 20px}.about-text strong{color:var(--text);font-weight:600}.about-stats{display:flex;flex-direction:column;gap:16px}.stat-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:22px 24px;display:flex;align-items:baseline;justify-content:space-between}.stat-value{font-family:var(--font-display);font-size:30px;color:var(--accent)}.stat-label{font-size:13.5px;color:var(--muted)}@media (max-width: 780px){.about-grid{grid-template-columns:1fr}}.marquee-wrap{display:flex;flex-direction:column;gap:14px;margin-bottom:48px;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.marquee-track{overflow:hidden;width:100%}.marquee-content{display:flex;gap:14px;width:max-content}.marquee-left{animation:marquee-left linear infinite}.marquee-right{animation:marquee-right linear infinite}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-pill{flex-shrink:0;font-size:14.5px;font-weight:600;padding:11px 22px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--accent-strong);white-space:nowrap}@media (prefers-reduced-motion: reduce){.marquee-left,.marquee-right{animation:none}}.skills-panel{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden}.skills-panel-bar{padding:16px 28px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--muted)}.skills-panel-body{padding:28px 28px 8px}.skills-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed var(--line)}.skills-row:last-child{border-bottom:none}.skills-key{color:var(--accent);font-size:14px;font-weight:700;min-width:118px;text-transform:capitalize}.skills-tags{display:flex;flex-wrap:wrap;gap:10px}.skills-tag{font-size:13.5px;font-weight:500;padding:6px 14px;border-radius:999px;border:1px solid var(--line);color:var(--text);background:var(--surface-2)}@media (max-width: 600px){.skills-key{min-width:auto}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:26px;text-decoration:none;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.project-card:hover{border-color:var(--accent);box-shadow:0 20px 40px -24px #0f3d2933}.project-card-static{cursor:default}.project-card-static:hover{border-color:var(--line-strong);box-shadow:none}.project-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.project-icon{color:var(--muted-2);font-size:13px;font-weight:700}.project-status{font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.status-live{color:var(--accent-strong);background:var(--accent-dim)}.status-demo{color:#96701f;background:var(--gold-dim)}[data-theme=dark] .status-demo{color:var(--gold)}.status-in-development{color:var(--muted);background:var(--surface-2)}.project-name{font-family:var(--font-display);font-size:19px;font-weight:700;margin-bottom:10px}.project-desc{color:var(--muted);font-size:14.5px;line-height:1.65;margin:0 0 18px;flex-grow:1}.project-stack{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;font-weight:600;color:var(--muted-2);margin-bottom:14px}.project-link{font-size:13.5px;font-weight:700;color:var(--accent)}@media (max-width: 780px){.projects-grid{grid-template-columns:1fr}}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.contact-copy h2{font-size:clamp(28px,3.6vw,40px);margin:0 0 16px}.contact-sub{color:var(--muted);font-size:16px;line-height:1.7;max-width:42ch;margin:0 0 28px}.contact-cta-row{display:flex;gap:14px;flex-wrap:wrap}.contact-actions{display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.contact-row{display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .15s ease}.contact-row:last-child{border-bottom:none}.contact-row:hover{background:var(--surface-2)}.contact-label{font-size:12px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em;width:78px;flex-shrink:0}.contact-value{font-size:14.5px;color:var(--accent);font-weight:500}@media (max-width: 780px){.contact-panel{grid-template-columns:1fr}}.footer{padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted-2);flex-wrap:wrap;gap:8px}.tech-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.55;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}.tech-line{stroke:var(--line-strong);stroke-width:1.4;stroke-dasharray:10 10;animation:dash-flow 6s linear infinite}.tech-line-a{animation-duration:7s}.tech-line-b{animation-duration:5.5s;animation-direction:reverse}.tech-line-c{animation-duration:8.5s}@keyframes dash-flow{to{stroke-dashoffset:-200}}.tech-node{fill:var(--muted-2);animation:node-pulse 3.4s ease-in-out infinite}.tech-node-accent{fill:var(--accent);animation:node-glow 3.4s ease-in-out infinite}.tech-node-1{animation-delay:0s}.tech-node-2{animation-delay:.7s}.tech-node-3{animation-delay:1.4s}.tech-node-4{animation-delay:2.1s}.tech-node-5{animation-delay:.4s}.tech-node-6{animation-delay:1.8s}@keyframes node-pulse{0%,to{opacity:.5;r:3}50%{opacity:1;r:4.5}}@keyframes node-glow{0%,to{opacity:.55}50%{opacity:1}}[data-theme=dark] .tech-bg{opacity:.4}@media (prefers-reduced-motion: reduce){.tech-line,.tech-node,.tech-node-accent{animation:none}}@media (max-width: 640px){.tech-bg{opacity:.35}}:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #eef5f0;--line: rgba(15, 30, 23, .09);--line-strong: rgba(15, 30, 23, .15);--text: #12201a;--muted: #57685f;--muted-2: #8b978f;--accent: #1f8a5c;--accent-strong: #156b46;--accent-dim: rgba(31, 138, 92, .1);--gold: #c9932f;--gold-dim: rgba(201, 147, 47, .14);--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--radius: 18px;--radius-sm: 12px;--container: 1140px;color-scheme:light}[data-theme=dark]{--bg: #0a120e;--surface: #101a15;--surface-2: #16221b;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #eaf2ee;--muted: #93a49c;--muted-2: #62716a;--accent: #35c485;--accent-strong: #4fe0a0;--accent-dim: rgba(53, 196, 133, .16);--gold: #e6b75a;--gold-dim: rgba(230, 183, 90, .16);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}::selection{background:var(--accent);color:#fff}a{color:inherit}button{font-family:inherit}img{max-width:100%}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.eyebrow{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);display:flex;align-items:center;gap:9px;margin:0 0 16px}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent)}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;line-height:1.14;margin:0}section{padding:100px 0;border-bottom:1px solid var(--line);scroll-margin-top:76px}.section-head{max-width:620px;margin-bottom:48px}.section-head p{color:var(--muted);font-size:16px;line-height:1.65;margin:14px 0 0}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:15px;font-weight:600;padding:13px 24px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);cursor:pointer;text-decoration:none;transition:border-color .15s ease,transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 10px 24px -10px var(--accent-dim)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;transform:translateY(-1px)}.btn-amber{background:var(--gold);color:#241a04;border-color:var(--gold)}.btn-amber:hover{color:#241a04;transform:translateY(-1px);filter:brightness(1.06)}@media (max-width: 780px){section{padding:68px 0}}