:root{--bg: #f7f8fb;--surface: #ffffff;--surface-strong: #eef2f7;--ink: #101624;--muted: #5d6678;--line: #dce2eb;--brand: #2563eb;--brand-dark: #1d4ed8;--accent: #12b981;--warning: #f59e0b;--shadow: 0 20px 60px rgba(16, 22, 36, .1)}*{box-sizing:border-box}.portfolio{min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:left}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.navbar{position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(220,226,235,.85);background:#f7f8fbe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-container{width:min(1160px,calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand,.nav-item,.nav-toggle,.footer button{border:0;background:transparent;font:inherit;cursor:pointer}.nav-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:800}.logo-image{width:42px;height:42px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}.nav-menu{display:flex;align-items:center;gap:4px}.nav-item{padding:10px 12px;border-radius:8px;color:var(--muted);font-size:.94rem;font-weight:700}.nav-item:hover,.nav-item:focus-visible{background:var(--surface-strong);color:var(--ink)}.nav-toggle{display:none;width:42px;height:42px;padding:9px;border-radius:8px;border:1px solid var(--line)}.bar{display:block;width:22px;height:2px;margin:5px 0;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.nav-toggle.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-section{padding:132px 0 76px;background:linear-gradient(135deg,#2563eb1a,#12b98114),var(--bg)}.hero-content{width:min(1160px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);align-items:center;gap:46px}.eyebrow,.section-kicker{margin:0 0 14px;color:var(--brand-dark);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1,.section h2,.contact-header h2{margin:0;color:var(--ink);line-height:1.05;letter-spacing:0}.hero-copy h1{max-width:760px;font-size:clamp(2.6rem,6vw,5.5rem)}.hero-lede{max-width:760px;margin:24px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:8px;border:1px solid transparent;color:var(--ink);font-weight:800;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 30px #2563eb47}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:var(--surface);border-color:var(--line)}.btn-ghost{background:transparent;border-color:var(--ink)}.btn-small{min-height:40px;padding:0 14px;font-size:.9rem}.btn-disabled,.btn-placeholder{background:var(--surface-strong);border-color:var(--line);color:var(--muted);cursor:not-allowed}.btn-disabled:hover,.btn-placeholder:hover,.btn:disabled:hover{transform:none}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.hero-proof div,.availability-card,.skill-card,.project-card,.offer-card,.available-card,.contact-info,.contact-form,.experience-item{border:1px solid var(--line);background:#ffffffd1}.hero-proof div{padding:16px;border-radius:8px}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{margin-bottom:6px;font-size:1rem}.hero-proof span{color:var(--muted);font-size:.9rem;line-height:1.45}.hero-panel{position:relative;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.profile-image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.availability-card{display:flex;gap:12px;margin-top:14px;padding:14px;border-radius:8px}.availability-card strong{display:block;margin-bottom:4px}.availability-card p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.55}.status-dot{width:10px;height:10px;margin-top:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #12b98124;flex:0 0 auto}.focus-list,.skill-tags,.project-tech{display:flex;flex-wrap:wrap;gap:8px}.focus-list{margin-top:14px}.focus-list span,.skill-tags span,.tech-tag{border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:#384153;font-size:.84rem;font-weight:800}.focus-list span,.skill-tags span{padding:8px 10px}.section{padding:86px 0}.section-alt{background:var(--surface)}.two-column{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;align-items:start}.section h2,.contact-header h2{font-size:clamp(2rem,4vw,3.25rem)}.section-heading{max-width:780px;margin-bottom:34px}.section-heading p,.section-copy p,.section-note,.contact-header p{color:var(--muted);font-size:1.02rem;line-height:1.8}.section-copy p{margin:0 0 18px}.skills-grid,.offer-grid,.available-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skill-card,.offer-card,.available-card,.experience-item{border-radius:8px}.skill-card{padding:22px}.skill-card h3{margin:0 0 18px;font-size:1.1rem}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.filter-btn{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-weight:800;cursor:pointer}.filter-btn.active,.filter-btn:hover{border-color:var(--brand);background:var(--brand);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{overflow:hidden;border-radius:8px;box-shadow:0 14px 40px #10162412}.project-image{position:relative;height:250px;overflow:hidden;background:var(--surface-strong)}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.03)}.project-image span{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:#101624db;color:#fff;font-size:.78rem;font-weight:900}.project-content{padding:22px}.project-content h3{margin:0 0 10px;font-size:1.35rem}.project-content p{margin:0 0 14px;color:var(--muted);line-height:1.65}.project-problem{padding:12px;border-left:3px solid var(--accent);background:#f0fdf8;color:#285749!important;border-radius:0 8px 8px 0}.project-problem strong{color:#0f3f34}.tech-tag{padding:7px 9px}.project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.offer-card,.available-card{min-height:112px;padding:18px}.offer-card span,.experience-item span{display:block;width:10px;height:10px;margin-bottom:18px;border-radius:999px;background:var(--accent)}.offer-card p,.experience-item p{margin:0;color:var(--ink);font-weight:800;line-height:1.45}.available-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.available-card{display:flex;align-items:center;min-height:68px;font-weight:900}.experience-list{display:grid;gap:12px}.experience-item{padding:18px}.experience-item p{color:var(--muted);font-weight:700}.contact-section{background:linear-gradient(135deg,#2563eb14,#12b98114),var(--bg)}.contact-header{max-width:820px;margin-bottom:34px}.contact-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.contact-info,.contact-form{padding:24px;border-radius:8px;box-shadow:0 14px 40px #1016240f}.contact-info h3,.contact-form h3{margin:0 0 18px}.social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.social-link{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink);font-weight:800;text-decoration:none}.social-link:hover{border-color:var(--brand);color:var(--brand-dark)}.contact-details{display:grid;gap:12px}.contact-item{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.contact-item strong{font-size:.86rem;text-transform:uppercase;color:var(--muted)}.contact-item span{overflow-wrap:anywhere;font-weight:800}.form-group{display:grid;gap:8px;margin-bottom:16px}.form-group label{color:var(--muted);font-size:.9rem;font-weight:900}.form-group input,.form-group textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;padding:13px 14px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:3px solid rgba(37,99,235,.16);border-color:var(--brand)}.form-submit{width:100%}.status-message{padding:12px 14px;border-radius:8px;margin-bottom:14px;font-weight:800}.status-message.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.footer{background:var(--ink);color:#fff;padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer p{margin:0;color:#d7dce6}.footer div div{display:flex;flex-wrap:wrap;gap:14px}.footer a,.footer button{color:#fff;font-weight:800;text-decoration:none}@media (max-width: 980px){.hero-content,.two-column,.contact-content{grid-template-columns:1fr}.hero-panel{max-width:520px}.skills-grid,.offer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.container,.nav-container,.hero-content{width:min(100% - 28px,1160px)}.nav-toggle{display:block}.nav-menu{position:fixed;inset:72px 14px auto;display:none;flex-direction:column;align-items:stretch;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.nav-menu.active{display:flex}.nav-item{width:100%;text-align:left}.hero-section{padding:112px 0 58px}.hero-proof,.projects-grid,.available-grid,.social-links{grid-template-columns:1fr}.project-image{height:220px}.footer-inner{align-items:flex-start;flex-direction:column}}@media (max-width: 540px){.hero-buttons,.project-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.skills-grid,.offer-grid{grid-template-columns:1fr}.section{padding:64px 0}}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#101624;background-color:#f7f8fb}