@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --bg:#08090b; --fg:#f1f1ec; --muted:#858990; --line:#25282d; --accent:#b8ff3d; --max:1120px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:'Space Grotesk',sans-serif; line-height:1.5; }
a { color:inherit; text-decoration:none; }
em { color:var(--accent); font-style:normal; }
.eyebrow,.home-footer,.github-eyebrow,.meta,.repo-meta,.activity-time,.profile-handle { font-family:'DM Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
.home { min-height:calc(100vh - 74px); max-width:var(--max); margin:auto; padding:7vw 5vw; display:flex; flex-direction:column; justify-content:center; }
.eyebrow { color:var(--muted); font-size:.68rem; margin:0 0 30px; }
.home-main { max-width:850px; }
.home h1 { font-size:clamp(4rem,12vw,9rem); line-height:.82; letter-spacing:-.08em; font-weight:600; margin:0; }
.intro { color:#b7bbc0; font-size:clamp(1.05rem,2vw,1.3rem); margin:40px 0 28px; }
.home-links { display:flex; flex-wrap:wrap; gap:22px; font-family:'DM Mono',monospace; font-size:.72rem; }
.home-links a { border-bottom:1px solid var(--line); padding-bottom:6px; transition:color .2s,border-color .2s; }
.home-links a:hover,.home-links .primary-link { color:var(--accent); border-color:var(--accent); }
.home-links span { color:var(--accent); }
.home-footer { max-width:var(--max); margin:auto; padding:22px 5vw 32px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#62666c; font-size:.58rem; }
.github-page { min-height:100vh; }
.github-wrap { max-width:var(--max); margin:auto; padding:0 5vw 90px; }
.github-header { padding:42px 0 62px; border-bottom:1px solid var(--line); display:flex; align-items:end; justify-content:space-between; gap:40px; }
.github-eyebrow { color:var(--muted); font-size:.66rem; margin:0 0 18px; }
.github-header h1 { margin:0; font-size:clamp(3.4rem,8vw,7rem); line-height:.85; letter-spacing:-.075em; }
.github-subtitle { max-width:470px; color:var(--muted); margin:26px 0 0; font-size:.95rem; }
.back-link { font-family:'DM Mono',monospace; font-size:.68rem; color:var(--muted); white-space:nowrap; }
.back-link:hover { color:var(--accent); }
.github-section { padding:64px 0; border-bottom:1px solid var(--line); }
.section-head { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin-bottom:28px; }
.section-head h2 { margin:0; font-size:1.65rem; letter-spacing:-.04em; }
.meta { color:var(--muted); font-size:.6rem; }
.profile { display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:center; }
.avatar { width:76px; height:76px; border-radius:50%; border:1px solid var(--line); display:block; }
.profile-name { font-size:1.35rem; font-weight:600; }
.profile-handle { color:var(--muted); font-size:.62rem; margin-top:2px; }
.profile-bio { color:#b7bbc0; margin:10px 0 0; max-width:600px; }
.profile-stats { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:12px; color:var(--muted); font-family:'DM Mono',monospace; font-size:.6rem; }
.project-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.project-card { background:var(--bg); padding:27px; min-height:210px; display:flex; flex-direction:column; justify-content:space-between; }
.project-top { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.project-card h3 { margin:18px 0 8px; font-size:1.75rem; letter-spacing:-.05em; }
.project-card p { margin:0; color:var(--muted); max-width:540px; }
.project-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:28px; color:var(--muted); font-family:'DM Mono',monospace; font-size:.56rem; text-transform:uppercase; }
.live-mark { color:var(--accent); font-family:'DM Mono',monospace; font-size:.56rem; }
.repo-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.repo { background:var(--bg); padding:27px; min-height:235px; display:flex; flex-direction:column; justify-content:space-between; transition:background .2s; }
.repo:hover { background:#0d0f12; }
.repo.is-archived { opacity:.72; }
.repo h3 { margin:6px 0 10px; font-size:1.75rem; letter-spacing:-.05em; }
.repo p { margin:0; color:var(--muted); max-width:500px; }
.repo-top { display:flex; justify-content:space-between; gap:20px; }
.repo-link { color:var(--accent); font-size:1.1rem; }
.repo-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:28px; color:var(--muted); font-family:'DM Mono',monospace; font-size:.58rem; }
.tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:17px; }
.tag { border:1px solid var(--line); padding:4px 7px; color:var(--muted); font-family:'DM Mono',monospace; font-size:.54rem; }
.activity { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
.activity-item { background:var(--bg); padding:19px 22px; display:grid; grid-template-columns:125px 1fr auto; gap:18px; align-items:center; }
.activity-item.is-private { background:#0b0d0f; }
.activity-type { color:var(--accent); font-family:'DM Mono',monospace; font-size:.58rem; }
.activity-body { min-width:0; }
.activity-body strong { font-weight:500; }
.activity-body a:hover { color:var(--accent); }
.activity-detail { color:var(--muted); }
.activity-time { color:var(--muted); font-size:.54rem; white-space:nowrap; }
.status-line { color:var(--muted); font-family:'DM Mono',monospace; font-size:.6rem; }
.dot { display:inline-block; width:6px; height:6px; background:var(--accent); border-radius:50%; margin-right:8px; box-shadow:0 0 12px var(--accent); }
.error { color:#ff8f8f; font-family:'DM Mono',monospace; font-size:.7rem; }
.github-footer { max-width:var(--max); margin:auto; padding:24px 5vw 40px; color:#62666c; font-family:'DM Mono',monospace; font-size:.58rem; display:flex; justify-content:space-between; }
.github-footer a:hover { color:var(--accent); }
@media(max-width:720px){
  .home { padding-top:18vw; }
  .home-footer,.github-footer { display:block; }
  .home-footer span,.github-footer span { display:block; margin-top:7px; }
  .github-header { display:block; }
  .back-link { display:inline-block; margin-top:30px; }
  .profile { grid-template-columns:1fr; }
  .project-grid,.repo-grid { grid-template-columns:1fr; }
  .activity-item { grid-template-columns:1fr; gap:7px; }
  .activity-time { white-space:normal; }
}