:root{--bg:#e5e5e5;--card:#ffffff;--text:#1f1f1f;--muted:#555;--border:rgba(0, 0, 0, 0.06);--accent:#f4a95a;--accent-text:#1f1f1f;--shadow:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-hover:0 8px 24px rgba(0, 0, 0, 0.08);--green-bg:#d9f7e3;--green-fg:#116b35;--blue-bg:#dbeafe;--blue-fg:#1e4fb8;--sky-bg:#38bdf8;--sky-fg:#082f49;--purple-bg:#ede4ff;--purple-fg:#5b2bb5;--amber-bg:#fdecc8;--amber-fg:#8a4b00;--red-bg:#f75b6b;--red-fg:#3b0007;--gray-bg:#ececec;--gray-fg:#444}@media(prefers-color-scheme:dark){:root{--bg:#111214;--card:#1b1c1f;--text:#f2f2f2;--muted:#a6a6a6;--border:rgba(255, 255, 255, 0.07);--shadow:none;--shadow-hover:0 8px 24px rgba(0, 0, 0, 0.5);--green-bg:#12361f;--green-fg:#7ee2a2;--blue-bg:#172a4d;--blue-fg:#9cc0ff;--purple-bg:#2b1e4a;--purple-fg:#c7b0ff;--amber-bg:#3a2a0e;--amber-fg:#fbc96b;--gray-bg:#2a2b2f;--gray-fg:#cfcfcf}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:rubik,system-ui,-apple-system,segoe ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.layout{max-width:1200px;margin:0 auto;padding:48px 48px 24px;display:grid;grid-template-columns:minmax(240px,300px)1fr;gap:48px;align-items:start}.profile__inner{position:sticky;top:48px}.avatar{display:block;width:140px;height:140px;border-radius:50%;object-fit:cover}.avatar--default svg{width:100%;height:100%;display:block}.profile__name{margin:28px 0 8px;font-size:2.25rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.profile__meta{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:.95rem}.profile__meta li{display:inline-flex;align-items:center;gap:6px}.profile__headline{font-weight:700;font-size:1.05rem;margin:0 0 12px}.profile__intro{color:var(--muted);margin:0 0 24px;font-size:1.05rem}.cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-text);font-weight:600;text-decoration:none;padding:12px 20px;border-radius:10px;transition:transform .15s ease,filter .15s ease}.cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.social{display:flex;gap:20px;margin-top:28px;color:var(--muted)}.social a{display:inline-flex;transition:color .15s ease}.social a:hover{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.card{display:block;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 20px 20px;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.card--link:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card__head{display:flex;align-items:center;gap:10px}.card__icon{flex:none;width:28px;height:28px;display:inline-grid;place-items:center;font-size:22px;line-height:1}.card__icon img{width:28px;height:28px;border-radius:6px;object-fit:cover}.card__title{margin:0;font-size:1.1rem;font-weight:600;line-height:1.25}.card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;line-height:1;padding:4px 8px;border-radius:999px;white-space:nowrap}.badge--green{background:var(--green-bg);color:var(--green-fg)}.badge--blue{background:var(--blue-bg);color:var(--blue-fg)}.badge--sky{background:var(--sky-bg);color:var(--sky-fg)}.badge--purple{background:var(--purple-bg);color:var(--purple-fg)}.badge--amber{background:var(--amber-bg);color:var(--amber-fg)}.badge--red{background:var(--red-bg);color:var(--red-fg)}.badge--gray{background:var(--gray-bg);color:var(--gray-fg)}.card__desc{margin:8px 0 0;color:var(--muted);font-size:.95rem}.card__note{margin:6px 0 0;font-size:.85rem;font-weight:500;color:var(--text)}.footer{text-align:center;color:var(--muted);font-size:.85rem;padding:24px 16px 40px}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:36px;padding:32px 16px 16px}.profile__inner{position:static}.avatar{width:112px;height:112px}}@media(max-width:560px){.grid{grid-template-columns:1fr;gap:16px}}