:root{
  --accent:#56b889;
  --accent-dark:#2d815a;
  --sidebar-start:#5bbe8c;
  --sidebar-end:#47ab78;
  --sidebar-text:#ffffff;
  --bg:#f7faf9;
  --paper:#ffffff;
  --text:#263238;
  --muted:#6b7280;
  --line:#e6eee9;
  --shadow:0 22px 60px rgba(25,42,33,.09);
  --sidebar:270px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit}.layout{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:linear-gradient(180deg,var(--sidebar-start),var(--sidebar-end));color:var(--sidebar-text);padding:26px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:10;overflow-y:auto}.brand{font-weight:950;font-size:24px;letter-spacing:.02em;margin-bottom:26px;text-decoration:none;color:var(--sidebar-text)}.avatar{width:136px;height:136px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f8fff9 0 15%,#b8e4d0 16% 34%,#1e5940 35% 100%);box-shadow:inset 0 0 0 7px rgba(255,255,255,.16),0 20px 40px rgba(0,0,0,.15);display:grid;place-items:center;overflow:hidden}.avatar span{font-size:42px;font-weight:950;letter-spacing:-.08em;color:#fff}.avatar img{width:100%;height:100%;object-fit:cover}.bio{font-size:14px;line-height:1.55;font-weight:650;margin:22px 0 18px}.social{display:flex;gap:12px;margin-bottom:34px;flex-wrap:wrap;justify-content:center}.social a{width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--accent-dark);text-decoration:none;display:grid;place-items:center;font-weight:950;font-size:12px;transition:.2s}.social a:hover{transform:translateY(-3px);background:#fff}.nav{width:100%;display:grid;gap:4px;text-align:left}.nav a{color:rgba(255,255,255,.88);text-decoration:none;font-weight:850;padding:12px 14px;border-radius:12px;display:flex;gap:10px;align-items:center}.nav a:hover,.nav a.active{background:rgba(24,90,60,.24);color:#fff}.hire{margin:20px 0 24px;background:rgba(28,68,50,.82);color:#fff;border:0;border-radius:8px;padding:12px 20px;font-weight:950;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.14)}.toggle{margin-top:auto;font-size:13px;font-weight:850}.switch{margin:10px auto 0;width:64px;height:30px;background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.35);border-radius:999px;padding:3px;cursor:pointer}.knob{width:20px;height:20px;background:rgba(255,255,255,.75);border-radius:50%;transition:.2s}.content{margin-left:var(--sidebar);min-height:100vh}.hero{min-height:390px;background:var(--paper);display:grid;grid-template-columns:minmax(360px,1fr) 420px;gap:70px;align-items:center;padding:64px 8vw;border-bottom:1px solid var(--line)}.eyebrow{color:var(--accent-dark);font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.hero h1,.page-head h1{font-size:50px;letter-spacing:-.065em;margin:8px 0 4px;line-height:1}.hero h2{font-weight:400;color:var(--muted);margin:0 0 22px}.hero p,.page-head p{line-height:1.75;color:#4b5563;max-width:780px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{border:0;border-radius:8px;padding:13px 18px;font-weight:950;text-decoration:none;display:inline-flex;gap:9px;align-items:center}.btn.primary{background:var(--accent);color:#fff}.btn.dark{background:#3b3b3b;color:#fff}.portrait{height:300px;border-radius:2px;background:linear-gradient(135deg,#e5e7eb,#cbd5e1);position:relative;overflow:hidden;filter:grayscale(1);background-size:cover;background-position:center}.portrait:not(.has-image):before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.65) 50%,transparent 80%);transform:translateX(-70%);animation:shine 5s infinite}.portrait span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:86px;font-weight:950;color:rgba(17,24,39,.3);letter-spacing:-.08em}@keyframes shine{50%,100%{transform:translateX(70%)}}.page-head{background:var(--paper);border-bottom:1px solid var(--line);padding:74px 8vw 54px}.page-head h1{margin-top:10px}.page-head p{margin-bottom:0}.block{padding:56px 8vw}.block-tight{padding-top:34px}.section-title{display:flex;align-items:center;gap:16px;margin-bottom:20px}.section-title:before{content:"";width:5px;height:38px;background:var(--accent)}.section-title h2{font-size:34px;letter-spacing:-.045em;margin:0}.section-lead{max-width:950px;color:#4b5563;line-height:1.75;margin-bottom:40px}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.skill .icon{min-height:44px;font-size:25px;color:var(--accent-dark);display:flex;align-items:center;font-weight:950}.skill h3{margin:0 0 10px;font-size:18px}.skill p{margin:0;color:#5f6b76;line-height:1.62;font-size:14px}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.project:hover{transform:translateY(-4px)}.project-link{display:block;text-decoration:none}.project .thumb{height:170px;background:linear-gradient(135deg,#daf7e7,#e7f0ff);position:relative;background-size:cover;background-position:center}.project:nth-child(2n) .thumb{background:linear-gradient(135deg,#f1efe7,#d8efe5)}.project:nth-child(3n) .thumb{background:linear-gradient(135deg,#e5e7eb,#c8e7d7)}.project .thumb:not(.has-image):after{content:"";position:absolute;inset:28px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7)}.project-body{padding:20px}.tag{font-size:12px;color:var(--accent-dark);font-weight:950;text-transform:uppercase;letter-spacing:.08em}.project h3{margin:8px 0}.project p{color:#5f6b76;line-height:1.6;font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:26px}.info-card,.contact-form{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:26px}.info-row{padding:14px 0;border-bottom:1px solid var(--line)}.info-row:first-child{padding-top:0}.info-row:last-child{border-bottom:0;padding-bottom:0}.info-row strong{display:block}.info-row span{color:#667085}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea{width:100%;border:1px solid #dbe7e1;border-radius:12px;padding:14px 15px;font:inherit;background:#fbfefd;color:var(--text)}textarea{grid-column:1/-1;min-height:170px;resize:vertical}.submit{grid-column:1/-1;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:15px;font-weight:950;cursor:pointer}.notice{grid-column:1/-1;padding:13px 15px;border-radius:14px;margin-bottom:14px;font-weight:750}.notice.success{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}.notice.error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.empty{color:var(--muted)}
body.dark-mode{--bg:#101815;--paper:#16231d;--text:#edf8f1;--muted:#a7b7ae;--line:#263a31;--shadow:0 22px 60px rgba(0,0,0,.25)}body.dark-mode .hero p,body.dark-mode .page-head p,body.dark-mode .section-lead,body.dark-mode .skill p,body.dark-mode .project p{color:#bdc9c1}body.dark-mode input,body.dark-mode textarea{background:#101815;color:#edf8f1;border-color:#2e4539}body.dark-mode .knob{transform:translateX(32px);background:#fff}body.dark-mode .info-row span{color:#bdc9c1}body.dark-mode .btn.dark{background:#26352d}
@media(max-width:1180px){.hero{grid-template-columns:1fr}.portrait{display:none}.skills{grid-template-columns:repeat(2,1fr)}.portfolio{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{position:relative;width:100%;min-height:auto;border-radius:0;padding:24px;overflow:visible}.content{margin-left:0}.nav{grid-template-columns:1fr;max-width:440px;margin:0 auto}.nav a{justify-content:center;font-size:14px}.toggle{margin-top:8px}.hero,.page-head,.block{padding-left:22px;padding-right:22px}.hero h1,.page-head h1{font-size:42px}.skills,.portfolio,.form-grid{grid-template-columns:1fr}textarea{grid-column:auto}}