:root{--bg: #0a0a0a;--bg-elevated: #111111;--surface: #111111;--surface-hi: #161616;--border: #1f1f1f;--border-hi: #2a2a2a;--text: #ededed;--text-dim: #a1a1a8;--text-mute: #6b6b73;--accent: #d4b483;--accent-soft: rgba(212, 180, 131, .12);--accent-line: rgba(212, 180, 131, .28);--success: #4ade80;--danger: #f87171;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .35);--container: 1120px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:15.5px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--accent);color:#0a0a0a}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 28px}.section{padding:88px 0 72px;scroll-margin-top:72px;border-top:1px solid var(--border)}.section__head{display:flex;flex-direction:column;gap:6px;margin-bottom:48px}.section__eyebrow{color:var(--text-mute);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.section__title{font-size:clamp(26px,3.4vw,34px);font-weight:600;margin:0;letter-spacing:-.015em;color:var(--text)}.section__sub{color:var(--text-dim);max-width:680px;margin:6px 0 0;font-size:15px}.navbar{position:sticky;top:0;z-index:50;background:#0a0a0ad9;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar__brand{display:flex;align-items:center;gap:10px;font-weight:500;font-size:15px;letter-spacing:-.01em;color:var(--text)}.navbar__brand:hover{color:var(--text)}.navbar__logo{width:30px;height:30px;border-radius:6px;background:transparent;border:1px solid var(--border-hi);display:grid;place-items:center;font-family:var(--font-mono);font-weight:500;font-size:12px;color:var(--text);letter-spacing:0}.navbar__links{display:flex;align-items:center;gap:28px}.navbar__link{color:var(--text-dim);font-size:14px;font-weight:400}.navbar__link:hover{color:var(--text)}.navbar__cta{padding:7px 14px;border-radius:6px;background:var(--text);color:var(--bg);font-weight:500;font-size:13.5px;transition:background .15s ease}.navbar__cta:hover{background:#fff;color:var(--bg)}.navbar__toggle{display:none;padding:6px;border-radius:6px;border:1px solid var(--border-hi);color:var(--text-dim)}@media (max-width: 820px){.navbar__links{position:absolute;inset:64px 16px auto 16px;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transform:translateY(-6px);opacity:0;pointer-events:none;transition:.18s ease}.navbar__links.open{transform:translateY(0);opacity:1;pointer-events:auto}.navbar__link{padding:10px 12px;border-radius:6px}.navbar__link:hover{background:var(--surface-hi)}.navbar__toggle{display:inline-flex;align-items:center;justify-content:center}}.hero{padding:96px 0 80px;position:relative;border-top:none}.hero__grid{display:grid;gap:32px}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;border:1px solid var(--border-hi);background:var(--surface);font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.hero__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.hero__title{font-size:clamp(34px,5.4vw,58px);line-height:1.08;font-weight:600;letter-spacing:-.025em;margin:22px 0 16px;color:var(--text)}.hero__title .grad{color:var(--accent);font-weight:600;background:none;-webkit-text-fill-color:currentColor}.hero__subtitle{font-size:clamp(16px,1.6vw,18px);color:var(--text-dim);max-width:580px;margin:0 0 32px;line-height:1.6}.hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-weight:500;font-size:14px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn--primary{background:var(--text);color:var(--bg)}.btn--primary:hover{background:#fff;color:var(--bg)}.btn--ghost{background:transparent;border-color:var(--border-hi);color:var(--text)}.btn--ghost:hover{background:var(--surface);border-color:#3a3a3a;color:var(--text)}.hero__socials{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--border);background:transparent;color:var(--text-dim);transition:.15s ease;font-size:16px}.icon-btn:hover{color:var(--text);border-color:var(--border-hi);background:var(--surface)}.about__grid{display:grid;gap:32px;grid-template-columns:1.3fr 1fr}@media (max-width: 880px){.about__grid{grid-template-columns:1fr}}.about__copy p{color:var(--text-dim);font-size:15.5px;margin:0 0 14px;line-height:1.7}.about__facts{display:grid;gap:1px;grid-template-columns:1fr 1fr;align-self:start;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.fact{padding:18px;background:var(--bg)}.fact__k{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.fact__v{font-size:14.5px;margin-top:4px;font-weight:500;color:var(--text)}.skills__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skill-card{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s ease,background .15s ease}.skill-card:hover{border-color:var(--border-hi);background:var(--surface-hi)}.skill-card__title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);font-family:var(--font-mono);margin:0 0 14px}.skill-card__title:before{content:"";width:10px;height:1px;background:var(--text-mute)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 10px;border-radius:5px;background:transparent;border:1px solid var(--border-hi);color:var(--text-dim);font-size:13px;font-weight:400;font-family:var(--font-mono);transition:.15s ease}.chip:hover{color:var(--text);border-color:#3a3a3a}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--border)}.exp{position:relative;padding:22px 24px;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.exp:before{content:"";position:absolute;left:-23px;top:30px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid var(--border-hi)}.exp__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.exp__role{font-size:16px;font-weight:600;margin:0;color:var(--text)}.exp__company{color:var(--accent);font-weight:500}.exp__meta{color:var(--text-mute);font-size:12.5px;font-family:var(--font-mono)}.exp__bullets{margin:12px 0 0;padding-left:18px;color:var(--text-dim);font-size:14.5px}.exp__bullets li{margin:5px 0}.badge-current{font-size:10px;padding:2px 7px;border-radius:4px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);margin-left:8px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono)}.projects__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project{display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s ease,background .15s ease}.project:hover{border-color:var(--border-hi);background:var(--surface-hi)}.project__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.project__name{font-size:16px;font-weight:600;margin:0;color:var(--text)}.project__links{display:flex;gap:6px}.project__link{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:transparent;color:var(--text-mute);font-size:13px;border:1px solid var(--border)}.project__link:hover{color:var(--text);border-color:var(--border-hi)}.project__desc{color:var(--text-dim);margin:0 0 14px;font-size:14px;line-height:1.6}.project__bullets{margin:0 0 16px;padding-left:18px;color:var(--text-dim);font-size:13.5px}.project__bullets li{margin:4px 0}.project__tech{margin-top:auto}.education__grid{display:grid;gap:12px}.edu{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}@media (max-width: 640px){.edu{grid-template-columns:1fr;gap:10px}}.edu__icon{width:42px;height:42px;border-radius:8px;background:var(--bg);border:1px solid var(--border-hi);display:grid;place-items:center;color:var(--accent);font-size:18px}.edu__degree{margin:0;font-size:15.5px;font-weight:600;color:var(--text)}.edu__inst{color:var(--accent);font-weight:500;font-size:14.5px}.edu__meta{color:var(--text-mute);font-family:var(--font-mono);font-size:12.5px}.edu__score{padding:6px 12px;border-radius:6px;background:transparent;border:1px solid var(--border-hi);font-weight:500;font-family:var(--font-mono);font-size:13px;color:var(--text);white-space:nowrap}.contact__grid{display:grid;gap:20px;grid-template-columns:1fr 1.3fr}@media (max-width: 880px){.contact__grid{grid-template-columns:1fr}}.contact__info{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.contact__info h3{margin:0 0 6px;font-size:17px;font-weight:600;color:var(--text)}.contact__info p{color:var(--text-dim);margin:0 0 16px;font-size:14.5px}.contact__item{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--border);color:var(--text-dim);font-size:14px}.contact__item:first-of-type{margin-top:6px}.contact__item .ico{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--border-hi);color:var(--text-dim);font-size:13px}.contact__item a{color:var(--text)}.contact__item a:hover{color:var(--accent)}.contact__form{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;gap:14px}.form-row{display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width: 540px){.form-row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--text-mute);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.input,.textarea{width:100%;padding:11px 14px;border-radius:7px;border:1px solid var(--border-hi);background:var(--bg);color:var(--text);font:inherit;font-size:14.5px;transition:border .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:140px;resize:vertical}.form-msg{padding:10px 14px;border-radius:7px;font-size:13.5px;font-family:var(--font-mono)}.form-msg--ok{background:#4ade8014;border:1px solid rgba(74,222,128,.25);color:var(--success)}.form-msg--err{background:#f8717114;border:1px solid rgba(248,113,113,.25);color:var(--danger)}.footer{border-top:1px solid var(--border);padding:28px 0;color:var(--text-mute);font-size:13.5px;margin-top:40px}.footer__inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.footer__links{display:flex;gap:14px}.footer__links a{color:var(--text-mute)}.footer__links a:hover{color:var(--text)}