:root{--bg:#f7f8fb;--surface:#fff;--text:#172033;--muted:#5f6b7a;--primary:#1f5eff;--primary-dark:#0f3fb3;--border:#e3e7ee;--soft:#eef3ff;--shadow:0 20px 60px rgba(31,48,85,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,248,251,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar{max-width:1180px;margin:0 auto;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:20px;letter-spacing:-.02em}.nav-links{list-style:none;display:flex;gap:24px;margin:0;padding:0;align-items:center}.nav-links a{color:var(--muted);font-weight:600;font-size:14px}.nav-links a:hover{color:var(--primary)}.nav-button{background:var(--text);color:#fff!important;padding:10px 16px;border-radius:999px}.menu-toggle{display:none;background:none;border:0;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--text)}.section{max-width:1180px;margin:0 auto;padding:80px 22px}.hero{display:grid;grid-template-columns:1.35fr .75fr;gap:42px;align-items:center;min-height:82vh}.eyebrow{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:12px;margin:0 0 12px}h1,h2,h3{line-height:1.15;margin-top:0}h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.06em;margin-bottom:24px}h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;margin-bottom:18px}h3{font-size:21px;margin-bottom:10px}.hero-text{max-width:780px;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 20px;border-radius:999px;font-weight:800;border:1px solid transparent}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{border-color:var(--border);background:#fff}.quick-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:36px}.quick-stats div{background:var(--surface);padding:18px;border:1px solid var(--border);border-radius:18px;min-width:150px}.quick-stats strong{display:block;font-size:22px}.quick-stats span{color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.hero-card{background:linear-gradient(180deg,#fff,#eef3ff);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:30px;padding:34px}.profile-avatar{width:112px;height:112px;border-radius:32px;background:var(--text);color:#fff;display:grid;place-items:center;font-size:42px;font-weight:900;margin-bottom:24px}.hero-card p,.hero-card li,.card p{color:var(--muted)}.hero-card ul{padding-left:20px}.section-heading{max-width:760px;margin-bottom:34px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.highlight-item{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:16px 0;border-top:1px solid var(--border)}.highlight-item span{width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--primary);display:grid;place-items:center;font-weight:900}.highlight-item p{margin:0}.soft-section{background:var(--soft);max-width:none}.soft-section>.section-heading,.soft-section>.skill-grid,.soft-section>.project-grid{max-width:1180px;margin-left:auto;margin-right:auto}.skill-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.timeline{display:grid;gap:24px}.timeline-item{display:grid;grid-template-columns:30px 1fr;gap:18px;align-items:start}.timeline-dot{width:18px;height:18px;border-radius:50%;background:var(--primary);margin-top:28px;box-shadow:0 0 0 8px var(--soft)}.muted,.tech{color:var(--muted)}.tech{font-weight:700}.profile-block{max-width:900px}.contact-section{padding-bottom:50px}.contact-card{background:var(--text);color:#fff}.contact-card p,.contact-card .eyebrow,.contact-card a{color:rgba(255,255,255,.78)}.contact-card h2{color:#fff}.contact-list{margin-top:22px}.site-footer{text-align:center;padding:28px;color:var(--muted);border-top:1px solid var(--border)}@media(max-width:900px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:16px;right:16px;top:70px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px;flex-direction:column;align-items:flex-start}.nav-links.show{display:flex}.hero,.about-grid{grid-template-columns:1fr}.skill-grid,.project-grid{grid-template-columns:1fr}.section{padding:58px 18px}.quick-stats{flex-direction:column}h1{font-size:42px}}