@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c0c;--bg-card:#161616;--border:#222;--text:#e8e8e8;--text-dim:#777;--accent:#e8e8e8;--font:"JetBrains Mono", monospace;--gap:100px;--radius:12px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}::selection{color:#fff;background:#333}a{color:inherit;text-decoration:none}.section{max-width:720px;margin:0 auto;padding:0 20px}.section-title{color:var(--text);letter-spacing:-.02em;margin-bottom:24px;font-size:1.1rem;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.card:hover{border-color:#333}.avatar-wrap{border-radius:50%;width:102px;height:102px;position:relative}.avatar-wrap:before{content:"";background:conic-gradient(#1a1a1a,#3a3a3a,#1a1a1a,#3a3a3a,#1a1a1a);border-radius:50%;animation:6s linear infinite rotate-ring;position:absolute;inset:0}.avatar-wrap img{z-index:1;object-fit:cover;border-radius:50%;width:96px;height:96px;margin:3px;display:block;position:relative}@keyframes rotate-ring{to{transform:rotate(360deg)}}@media (width<=600px){:root{--gap:64px}body{font-size:13px}}