*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:290px;--sidebar-bg:#0c0e16;--sidebar-surface:#131620;--sidebar-border:#1e2130;--sidebar-text:#8892a4;--sidebar-heading:#e8eaf0;--accent:#38bdf8;--accent-dim:rgba(56,189,248,.12);--accent-glow:rgba(56,189,248,.25);--content-bg:#fff;--content-alt:#f6f7fb;--content-text:#0d1117;--content-muted:#5c6370;--border:#e4e7ef;--font-head:"Roboto",sans-serif;--font-body:"Roboto",sans-serif;--ease-out:cubic-bezier(0.16,1,0.3,1)}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--content-bg);color:var(--content-text);line-height:1.6}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:50;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.profile{padding:2rem 1.75rem 1.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.avatar-container{position:relative;width:96px;height:96px;margin-bottom:1.25rem}.avatar-ring{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(var(--accent) 0deg,transparent 120deg,var(--accent) 240deg,transparent 1turn);animation:spin 8s linear infinite;opacity:.7}@keyframes spin{to{transform:rotate(1turn)}}.avatar-inner{position:absolute;inset:2px;border-radius:50%;background:#1a1f2e;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent);letter-spacing:-.01em}.avatar-inner,.profile-name{font-family:var(--font-head);font-weight:700}.profile-name{font-size:1.25rem;color:var(--sidebar-heading);letter-spacing:-.02em;line-height:1.2;margin-bottom:.3rem}.profile-title{font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem}.profile-divider{width:100%;height:1px;background:var(--sidebar-border);margin-bottom:1.25rem}.profile-details{width:100%;display:flex;flex-direction:column;gap:.6rem;text-align:left}.detail-item{display:flex;align-items:center;gap:.625rem;color:var(--sidebar-text);font-size:.8125rem;line-height:1.4}.detail-item svg{flex-shrink:0;opacity:.8}.detail-item a:hover,.detail-item svg{color:var(--accent)}.sidebar-nav{flex:1 1;padding:.5rem 0;border-top:1px solid var(--sidebar-border)}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.75rem;font-size:.8125rem;font-weight:500;font-family:var(--font-head);letter-spacing:.04em;color:var(--sidebar-text);cursor:pointer;position:relative;transition:color .2s;text-transform:uppercase}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:2.5px;height:60%;background:var(--accent);border-radius:0 2px 2px 0;transition:transform .2s var(--ease-out)}.nav-item:hover{color:#c8d0e0}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-item.active:before{transform:translateY(-50%) scaleY(1)}.nav-num{font-size:.65rem;font-weight:600;opacity:.45;width:18px;font-family:var(--font-body);letter-spacing:.04em}.sidebar-social{padding:1.25rem 1.75rem;border-top:1px solid var(--sidebar-border);display:flex;gap:.625rem}.social-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);transition:all .2s}.social-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.cv-btn{margin-left:auto;padding:0 .875rem;height:32px;border-radius:6px;background:var(--accent);color:var(--sidebar-bg);font-family:var(--font-head);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:.35rem;transition:opacity .2s;white-space:nowrap}.cv-btn:hover{opacity:.85}.main-content{margin-left:var(--sidebar-w);flex:1 1;min-height:100vh}.section{padding:5rem 4.5rem;border-bottom:1px solid var(--border);opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.section.in-view{opacity:1;transform:translateY(0)}.section:nth-child(2n){background:var(--content-alt)}.sec-eyebrow{display:flex;align-items:center;gap:.875rem;margin-bottom:.5rem}.sec-num{font-family:var(--font-head);font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.sec-rule{flex:1 1;height:1px;background:linear-gradient(to right,var(--accent),transparent);opacity:.3;max-width:60px}.sec-title{font-family:var(--font-head);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;color:var(--content-text);letter-spacing:-.03em;line-height:1.05;margin-bottom:3rem}.sec-title span{color:var(--accent)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:4rem;gap:4rem;align-items:start}.about-bio{display:flex;flex-direction:column;gap:1rem}.about-bio p{font-size:1rem;line-height:1.85;color:var(--content-muted)}.about-bio strong{color:var(--content-text);font-weight:500}.about-services{display:grid;grid-template-columns:1fr 1fr;grid-gap:.875rem;gap:.875rem;margin-top:.5rem}.service-card{padding:1.25rem;border:1px solid var(--border);border-radius:8px;transition:border-color .2s,box-shadow .2s}.section:nth-child(2n) .service-card,.service-card{background:var(--content-bg)}.service-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.service-icon{font-size:1.375rem;margin-bottom:.5rem;display:block}.service-title{font-family:var(--font-head);font-size:.875rem;font-weight:700;color:var(--content-text);margin-bottom:.25rem}.service-desc{font-size:.8rem;line-height:1.6;color:var(--content-muted)}.about-info{display:flex;flex-direction:column;gap:0}.info-row{display:flex;padding:.875rem 0;border-bottom:1px solid var(--border);gap:1rem}.info-row:first-child{padding-top:0}.info-row:last-child{border-bottom:none}.info-label{font-family:var(--font-head);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--content-muted);width:100px;flex-shrink:0;padding-top:2px}.info-value{font-size:.875rem;color:var(--content-text);line-height:1.5}.info-value a{color:var(--accent)}.info-value a:hover{opacity:.75}.availability-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;margin-right:.4rem;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.resume-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem}.resume-group{display:flex;flex-direction:column}.group-title{font-family:var(--font-head);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--content-muted);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.group-title:before{content:"";width:20px;height:2px;background:var(--accent);border-radius:2px;flex-shrink:0}.timeline{position:relative;padding-left:1.5rem}.timeline:before{content:"";position:absolute;left:0;top:8px;bottom:0;width:1px;background:linear-gradient(to bottom,var(--accent) 0,var(--border) 100%);opacity:.5}.tl-item{position:relative;padding-bottom:2.25rem}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-1.5rem;top:7px;width:9px;height:9px;border-radius:50%;background:var(--accent);transform:translateX(-4px);box-shadow:0 0 0 3px var(--accent-dim)}.tl-period{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);padding:.15rem .5rem;border-radius:3px;margin-bottom:.5rem}.tl-role{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--content-text);margin-bottom:.2rem;letter-spacing:-.01em}.tl-org{font-size:.8125rem;margin-bottom:.625rem}.tl-desc,.tl-org{color:var(--content-muted)}.tl-desc{font-size:.875rem;line-height:1.7}.skills-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem 5rem;gap:.5rem 5rem}.skill{padding:.75rem 0;border-bottom:1px solid var(--border)}.skill-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}.skill-name{font-size:.875rem;color:var(--content-text);letter-spacing:-.01em}.skill-name,.skill-pct{font-family:var(--font-head);font-weight:600}.skill-pct{font-size:.7rem;color:var(--accent)}.bar-track{height:3px;background:var(--border);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent) 0,#7dd3fc 100%);width:0;transition:width 1.1s var(--ease-out)}.skills-chips-title{font-family:var(--font-head);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--content-muted);margin:2.5rem 0 1rem;grid-column:1/-1}.chips-wrap{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-size:.8rem;padding:.35rem .875rem;border:1px solid var(--border);border-radius:4px;color:var(--content-muted);transition:all .2s;font-family:var(--font-body)}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.work-card{border-radius:10px;overflow:hidden;border:1px solid var(--border);transition:transform .3s var(--ease-out),box-shadow .3s;cursor:default}.section:nth-child(2n) .work-card,.work-card{background:var(--content-bg)}.work-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.1)}.work-thumb{height:148px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.work-thumb-label{font-family:var(--font-head);font-size:2.75rem;font-weight:800;color:hsla(0,0%,100%,.15);letter-spacing:-.04em;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.work-thumb-1{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.work-thumb-2{background:linear-gradient(135deg,#0d1f0f,#1a3a1d,#22543d)}.work-thumb-3{background:linear-gradient(135deg,#1a0a0a,#3d1515,#6b2020)}.work-thumb-4{background:linear-gradient(135deg,#0a0f1a,#12213a,#1a3a5c)}.work-thumb-5{background:linear-gradient(135deg,#120a1a,#2a1240,#3d1a5c)}.work-thumb-6{background:linear-gradient(135deg,#0a1a14,#123a28,#1a5c3a)}.work-thumb-tag{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.7)}.work-body{padding:1.25rem}.work-cats{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:.5rem}.work-cat{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:.15rem .45rem;border:1px solid rgba(56,189,248,.3);border-radius:3px}.work-name{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--content-text);margin-bottom:.4rem;letter-spacing:-.01em}.work-desc{font-size:.8125rem;line-height:1.65;color:var(--content-muted)}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:5rem;gap:5rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:0}.contact-lead{font-size:1rem;line-height:1.8;color:var(--content-muted);margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.contact-item:first-of-type{border-top:1px solid var(--border)}.c-icon{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--content-bg);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.section:nth-child(2n) .c-icon{background:var(--content-alt)}.c-text{font-size:.875rem;color:var(--content-text)}.c-text a{color:inherit;transition:color .2s}.c-text a:hover{color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-family:var(--font-head);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--content-muted)}.form-input,.form-textarea{font-family:var(--font-body);font-size:.9rem;color:var(--content-text);background:transparent;border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s;resize:none;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-textarea{height:130px}.form-submit{font-family:var(--font-head);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-bg);background:var(--accent);border:none;border-radius:6px;padding:.875rem 2rem;cursor:pointer;align-self:flex-start;transition:opacity .2s,transform .2s}.form-submit:hover{opacity:.88;transform:translateY(-1px)}.site-footer{background:var(--sidebar-bg);margin-left:0;padding:1.5rem 4.5rem;display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:.8rem;color:#2e3448}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.8rem;color:var(--sidebar-text);transition:color .2s}.footer-links a:hover{color:var(--accent)}@media (max-width:1024px){:root{--sidebar-w:260px}.section{padding:4rem 3rem}.about-grid,.resume-cols{grid-template-columns:1fr;gap:2.5rem}.about-services{grid-template-columns:1fr 1fr}}@media (max-width:768px){.sidebar{position:static;width:100%;height:auto;flex-direction:column}.main-content{margin-left:0}.section{padding:3rem 1.5rem}.works-grid{grid-template-columns:1fr 1fr}.contact-layout,.skills-layout{grid-template-columns:1fr}.contact-layout{gap:2.5rem}.site-footer{padding:1.5rem;flex-direction:column;gap:.75rem}}@media (max-width:540px){.about-services,.form-row,.works-grid{grid-template-columns:1fr}}