@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg-color:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--accent:#4f46e5;--card-bg:#ffffffd9;--radius:12px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;color:var(--text-main);font-family:Inter,system-ui,sans-serif;line-height:1.7}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:600}body{background-color:var(--bg-color);background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-opacity='0.04' stroke-width='1'%3E%3Cpath d='M0 50 C 150 200, 250 -100, 400 50'/%3E%3Cpath d='M0 150 C 100 300, 300 0, 400 150'/%3E%3Cpath d='M0 250 C 200 400, 200 100, 400 250'/%3E%3Cpath d='M0 350 C 100 500, 300 200, 400 350'/%3E%3Cpath d='M50 0 C 200 150, -100 250, 50 400'/%3E%3Cpath d='M150 0 C 300 100, 0 300, 150 400'/%3E%3Cpath d='M250 0 C 400 200, 100 200, 250 400'/%3E%3Cpath d='M350 0 C 500 100, 200 300, 350 400'/%3E%3Ccircle cx='200' cy='200' r='60'/%3E%3Ccircle cx='200' cy='200' r='120'/%3E%3Ccircle cx='200' cy='200' r='180'/%3E%3C/g%3E%3C/svg%3E");justify-content:center;min-height:100vh;margin:0;padding:4rem 2rem;display:flex}.workspace-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:900px;box-shadow:var(--shadow-lg);background:#ffffffbf;border:1px solid #ffffff4d;border-radius:24px;padding:3rem}header{border-bottom:2px solid #eaeaea;margin-bottom:2rem;padding-bottom:1rem}.card-grid{column-count:2;column-gap:1.5rem;margin:0;padding:0;list-style:none}@media (width<=600px){body{padding:1rem}.workspace-container{border-radius:16px;padding:1.5rem}.card-grid{column-count:1}}.project-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);break-inside:avoid;width:100%;margin-bottom:1.5rem;transition:all .3s;display:inline-block;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-link{color:inherit;flex-direction:column;flex-grow:1;text-decoration:none;display:flex}.article-thumbnail{width:100%;height:auto;display:block}.card-body{padding:1.5rem}.project-link h3{color:var(--accent);margin:0 0 .5rem;line-height:1.3}.topic-tag{text-transform:uppercase;color:var(--accent);letter-spacing:.05em;background-color:#4f46e50d;border-radius:4px;margin-bottom:.75rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}@media (width<=600px){.topic-tag{margin-bottom:.5rem;padding:.15rem .4rem;font-size:.65rem}}.project-link p{color:var(--text-muted);margin:0}.site-footer{text-align:center;color:var(--text-muted);letter-spacing:.05em;margin-top:3rem;padding-top:1.5rem;font-family:VT323,monospace;font-size:16px}.site-footer a{color:var(--text-muted);font-weight:400;text-decoration:none;transition:color .3s;position:relative}.site-footer a:after{content:"";background-color:var(--accent);transform-origin:100% 100%;width:100%;height:2px;transition:transform .3s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.site-footer a:hover{color:var(--accent)}.site-footer a:hover:after{transform-origin:0 100%;transform:scaleX(1)}.site-footer .separator{color:#cbd5e1;margin:0 .5rem}hr.dot-separator{opacity:.2;background-color:#0000;background-image:radial-gradient(#000 7%,#0000 8%),radial-gradient(#000 7%,#0000 8%);background-position:0 0,2.5px 2.5px;background-repeat:repeat;background-size:5px 5px;border:none;height:5px;margin:0 auto 2rem}