:root{--color-bg: #0a0f0e;--color-surface: #121817;--color-ink: #f5f5f2;--color-muted: #9ca3a0;--color-accent: #2dd4a7;--color-line: #1f2827;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-pill: 999px;--max-width: 1280px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.1;margin:0 0 .5em}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em;font-weight:700}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.25rem}p{margin:0 0 1em;color:var(--color-muted)}a{color:var(--color-accent);text-decoration:none}button{font-family:var(--font-body);cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.page-section{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.card{border:1px solid var(--color-line);border-radius:var(--radius);padding:1.75rem;background:var(--color-surface);transition:border-color .15s ease}.card:hover{border-color:var(--color-accent)}.card__date{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em}.card__subtitle{color:var(--color-ink);font-weight:500;margin:.5rem 0 0}.card__subtitle.muted{color:var(--color-muted);font-weight:400}.card__body{margin-top:.75rem;font-size:.95rem}.card__link{display:inline-block;margin-top:.75rem;font-size:.9rem;font-weight:500}.card--project .card__image{width:100%;height:160px;object-fit:cover;border-radius:calc(var(--radius) - 2px);margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.tech-tag{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .6rem;border-radius:4px;background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.card__links{display:flex;gap:1rem;margin-top:.5rem}.form-page{max-width:560px;margin:0 auto;padding:4rem 1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-ink);margin-bottom:.4rem}.form-group input,.form-group textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--color-line);border-radius:var(--radius);font-family:var(--font-body);font-size:.95rem;color:var(--color-ink);background:var(--color-surface);transition:border-color .15s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:100px}.error{display:block;color:#ff8080;font-size:.8rem;margin-top:.3rem}.error-banner,.success-banner{padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem}.error-banner{background:color-mix(in srgb,#ff4d4d 15%,transparent);color:#ff8080}.success-banner{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-actions button{padding:.75rem 1.5rem;border-radius:var(--radius-pill);border:none;font-weight:500;font-size:.95rem}.form-actions button[type=submit]{background:var(--color-accent);color:var(--color-bg)}.form-actions button[type=submit]:hover:not(:disabled){opacity:.85}.form-actions button[type=submit]:disabled{background:var(--color-line);color:var(--color-muted);cursor:not-allowed}table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.9rem}table th{text-align:left;padding:.6rem .75rem;color:var(--color-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-line)}table td{padding:.75rem;border-bottom:1px solid var(--color-line);color:var(--color-ink)}table tbody tr:hover{background:var(--color-surface)}table td button{padding:.35rem .7rem;margin-right:.4rem;border:1px solid var(--color-line);border-radius:6px;background:transparent;font-size:.8rem;color:var(--color-muted)}table td button:hover{border-color:var(--color-accent);color:var(--color-accent)}hr{border:none;border-top:1px solid var(--color-line);margin:2rem 0}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:fade-out-slide}::view-transition-new(root){animation-name:fade-in-slide}@keyframes fade-out-slide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes fade-in-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}