@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap);.hero{background-color:#0d3b3b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='%231a5a4a' fill-opacity='.4' fill-rule='evenodd'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/svg%3E");color:#fff;padding:3rem 1rem;position:relative;text-align:center}.hero:before{background:radial-gradient(ellipse at 20% 50%,#1e5a4699 0,#0000 50%),radial-gradient(ellipse at 80% 50%,#14463c80 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero--minimal{padding:1rem}.hero__content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero__avatar{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0000004d;height:140px;margin:0 auto 1.5rem;overflow:hidden;width:140px}.hero__avatar img{height:100%;object-fit:cover;object-position:center top;transform:scale(1.3);width:100%}.hero__name{font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.hero__name--link{color:inherit;font-size:1.2rem;font-weight:600;text-decoration:none}.hero__name--link:hover{opacity:.9}.hero__tagline{font-size:1.1rem;font-weight:400;margin:0 0 1.5rem;opacity:.9}.hero__socials{display:flex;gap:1rem;justify-content:center}.hero__socials a{color:#fff;opacity:.8;transition:opacity .2s ease,transform .2s ease}.hero__socials a:hover{opacity:1;transform:scale(1.1)}.hero__socials svg{height:24px;width:24px}.hero--minimal .hero__content{text-align:left}@media (max-width:600px){.hero__name{font-size:2rem}}.project-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}body.dark .project-card{background:#2a2a2a;box-shadow:0 4px 20px #0000004d}.project-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}body.dark .project-card:hover{box-shadow:0 12px 40px #0006}.project-card__media{aspect-ratio:16/10;background:#f0f0f0;overflow:hidden;position:relative;width:100%}body.dark .project-card__media{background:#1a1a1a}.project-card__media img,.project-card__media video{height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease;width:100%}.project-card__thumbnail{left:0;position:absolute;top:0}.project-card__thumbnail.hidden{opacity:0}.project-card__video{background:#000;left:0;object-fit:contain;opacity:0;position:absolute;top:0}.project-card__video.visible{opacity:1}.project-card:hover .project-card__media img{transform:scale(1.02)}.project-card__play-badge{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:.65rem;font-weight:500;opacity:.8;padding:4px 8px;position:absolute;right:8px;transition:opacity .3s ease}.project-card:hover .project-card__play-badge{opacity:0}.project-card__gif-badge{background:#000000b3;border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.5px;opacity:.8;padding:2px 6px;position:absolute;right:8px;text-transform:uppercase;top:8px}.project-card:hover .project-card__gif-badge{background:#1a6b6b;opacity:1}.project-card__content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.project-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.project-card__title{color:var(--text);font-size:1.1rem;font-weight:600;margin:0}.project-card__date{color:#888;font-size:.75rem;font-weight:500}body.dark .project-card__date{color:#777}.project-card__description{color:#666;flex:1 1;font-size:.9rem;line-height:1.5;margin:0 0 1rem}body.dark .project-card__description{color:#aaa}.project-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.project-card__tag{background:#e8f5f3;border-radius:4px;color:#1a6b6b;font-size:.75rem;font-weight:500;padding:.2rem .5rem}body.dark .project-card__tag{background:#4dd0b526;color:#4dd0b5}.project-card__links{display:flex;gap:.75rem}.project-card__link{align-items:center;background:#0000;border:1px solid;border-radius:6px;color:#1a6b6b;display:inline-flex;font-size:.85rem;gap:.4rem;padding:.4rem .8rem;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}body.dark .project-card__link{color:#4dd0b5}.project-card__link:hover{background:#1a6b6b;border-color:#1a6b6b;color:#fff}body.dark .project-card__link:hover{background:#4dd0b5;border-color:#4dd0b5;color:#1a1a1a}@media (max-width:480px){.project-card__content{padding:1rem}}.home-page{font-family:Roboto Mono,monospace}.projects-section{margin:0 auto;max-width:1100px;padding:3rem 1.5rem}.projects-section__header{margin-bottom:2.5rem;text-align:center}.projects-section__header h2{color:var(--text);font-size:1.8rem;margin:0 0 .5rem}.projects-section__header p{color:#666;font-size:.95rem;margin:0}body.dark .projects-section__header p{color:#999}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.projects-empty{color:#888;font-style:italic;padding:3rem 0;text-align:center}.projects-divider{border:none;border-top:1px solid #333;margin:3rem 0}body.dark .projects-divider{border-top-color:#444}@media (max-width:720px){.projects-section{padding:2rem 1rem}.projects-grid{grid-template-columns:1fr}}.contact-page{color:var(--text);font-family:var(--mono);margin:2rem auto;max-width:600px}.contact-page h2{margin-bottom:1rem}.contact-page form{display:flex;flex-direction:column;gap:1rem}.contact-page label{display:flex;flex-direction:column;font-size:.9rem}.contact-page input,.contact-page textarea{background:var(--bg);border:1px solid var(--text);border-radius:4px;color:var(--text);font:inherit;padding:.5rem}.contact-page button{background:var(--text);border:none;border-radius:4px;color:var(--bg);cursor:pointer;padding:.5rem 1rem;transition:opacity .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-page button:hover:not(:disabled){opacity:.8}.contact-page button:disabled{cursor:default;opacity:.5}.contact-page .success{color:green;margin-top:.5rem}.contact-page .error{color:red;margin-top:.5rem}.site-main{margin:2rem auto;max-width:720px;padding:0 1rem}.site-main--full{margin:0;max-width:none;padding:0}.site-footer{border-top:1px solid #e5e7eb;color:#555;font-size:.9rem;margin-top:2rem;padding:1.5rem 0;text-align:center}body.dark .site-footer{border-color:#444;color:#888}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1rem}body.dark .post-card{background:#2e2e2e;border-color:#444}.post-card h2{font-weight:600;margin:0 0 .25rem}.post-card h2 a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;border-bottom:1px solid #0000;color:inherit;text-decoration:none;transition:color .15s ease,border-color .15s ease,background-size .2s ease,opacity .2s ease}.post-card h2 a:focus,.post-card h2 a:hover{background-size:100% 1px;border-bottom-color:#0000;color:var(--accent);opacity:.92;outline:none}.post-meta{color:#666;font-size:.9rem;margin-bottom:.5rem}body.dark .post-meta{color:#999}.post article{line-height:1.75}.post h1{margin-top:0}.post a{color:inherit;text-decoration:underline}.post a:focus,.post a:hover{color:var(--accent);outline:none}.post pre{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto;padding:.75rem}body.dark .post pre{border-color:#444}.post blockquote{background:#0000;border-left:3px solid var(--accent);color:inherit;font-style:italic;margin:1rem 0;padding:.5rem 1rem}.post blockquote p{margin:.25rem 0}.tagbar,.taglist{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag,.tag.linklike{align-items:center;background:#0000;border:1px solid;border-radius:999px;box-shadow:0 0 0 #0000;color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;gap:.25rem;padding:.25rem .6rem;text-decoration:none;transform:translateY(0);transition:transform .35s ease,box-shadow .35s ease,color .35s ease,border-color .35s ease}.tag:focus,.tag:hover{border-color:var(--accent);box-shadow:0 6px 14px #0000001f;color:var(--accent);transform:translateY(-3px)}.tag.active{background:var(--accent);border-color:var(--accent);color:#fff}.tag.small{font-size:.75rem;padding:.15rem .4rem}.about-page{line-height:1.75}.about-page h1{margin-top:0}.about-page a{color:var(--accent)}.back-link{color:var(--text);display:inline-block;margin-bottom:1rem;opacity:.7;text-decoration:none;transition:opacity .2s ease,color .2s ease}.back-link:hover{color:var(--accent);opacity:1}@media (prefers-reduced-motion:reduce){.post-card h2 a,.tag,.tag.linklike{background-size:0 0!important;opacity:1!important;transition:none!important}}:root{--bg-light:#e0e0e0;--bg-dark:#4a4a4a;--text-light:#000;--text-dark:#fff;--hover-bg-light:#b0b0b0;--hover-bg-dark:#666;--hover-text:#fff;--accent-light:#c62828;--accent-dark:#4dd0b5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:var(--bg-light);--text:var(--text-light);--hover-bg:var(--hover-bg-light);--hover-text:var(--hover-text);--accent:var(--accent-light);font-family:Roboto Mono,monospace;margin:0;transition:background-color .3s ease,color .3s ease}body,body.dark{background-color:var(--bg);color:var(--text)}body.dark{--bg:var(--bg-dark);--text:var(--text-dark);--hover-bg:var(--hover-bg-dark);--accent:var(--accent-dark)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.246d3bc2.css.map*/