@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#050505;--surface:#101010eb;--surface-raised:#2d2d2d;--text:#f5f5f5;--muted:#c4c4c4;--accent:#fff;--accent-hover:#d6d6d6;--border:#fff3;--danger:#ff8b8b;--success:#a7e3a0;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--page-width:72rem;--content-width:48rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius:.75rem;--radius-lg:1rem;--shadow:0 .75rem 2rem #0000004d;--transition:.2s ease}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-width:20rem;color:var(--text);font:1rem/1.65 var(--sans);background:#3a3a3a;margin:0}body,button,input,select,textarea{font-family:var(--sans)}h1,h2,h3,p{margin:0 0 var(--space-4)}h1,h2,h3{color:var(--text);line-height:1.2}h1{font-size:clamp(2rem,3vw,3rem)}h2{font-size:clamp(1.45rem,2vw,2rem)}h3{font-size:clamp(1.1rem,1.5vw,1.4rem)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}img{max-width:100%;display:block}ul,ol{padding-left:var(--space-6)}section{margin-bottom:var(--space-8)}code,pre{font-family:var(--mono)}code{background:var(--surface-raised);border-radius:.25rem;padding:.1em .35em}pre{margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}pre code{background:0 0;padding:0}blockquote{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);background:var(--surface);color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.text-muted{color:var(--muted)}main{width:min(100% - 2rem, var(--page-width));padding:var(--space-10) 0;margin:0 auto}.language-switcher{top:var(--space-4);right:var(--space-4);z-index:20;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);background:#111;border-radius:999px;display:flex;position:fixed}.language-switcher button{min-height:auto;padding:var(--space-1) var(--space-3);color:var(--text);background:0 0;border-color:#0000}.language-switcher button.is-active,.language-switcher button:disabled{color:#000;opacity:1;background:#fff}form,article,body[data-page=admin] main>div>section,main>header{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}form{gap:var(--space-4);padding:var(--space-6);display:grid}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);border-radius:.5rem}textarea{resize:vertical;min-height:8rem}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #fff3}button,.button-link{width:fit-content;min-height:2.625rem;padding:var(--space-2) var(--space-6);border:1px solid var(--accent);background:var(--accent);color:#000;cursor:pointer;transition:transform var(--transition), background var(--transition), color var(--transition);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}button:hover,.button-link:hover{background:var(--accent-hover);color:#000;text-decoration:none;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}#notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);font-weight:600;display:none}#notice.is-visible{display:block}#notice[data-type=error]{border-color:var(--danger);color:var(--danger);background:#ff8b8b1f}#notice[data-type=success]{border-color:var(--success);color:var(--success);background:#a7e3a01f}body[data-page=home] main{width:100%;padding:0}body[data-page=home] main>section:first-child{padding:clamp(4rem, 9vw, 8rem) max(1rem, calc((100% - var(--page-width)) / 2));background:#080808;margin:0}.hero-layout{align-items:center;gap:var(--space-8);display:flex}.hero-layout>div{flex:1}.hero-layout h1{color:#fff;letter-spacing:-.04em;text-shadow:0 2px 10px #000;font-size:clamp(2.3rem,5vw,4.5rem)}.hero-layout p{color:#f0f0f0;text-shadow:0 1px 4px #000;max-width:62ch}.hero-opportunities strong{color:#fff}.hero-photo{aspect-ratio:1;object-fit:cover;width:clamp(13rem,25vw,21rem);box-shadow:var(--shadow);border:2px solid #fff9;border-radius:50%}.hero-socials{gap:var(--space-3);display:flex}.social-link{background:#fff;border:1px solid #fff;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}.social-link:hover{background:#c4c4c4}.social-icon{object-fit:contain;filter:grayscale();width:1.25rem;height:1.25rem}body[data-page=home] main>section:nth-child(2),body[data-page=home] main>section:nth-child(3){width:min(100% - 2rem, var(--page-width));margin:var(--space-10) auto}body[data-page=home] main>section:nth-child(2){gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}article{padding:var(--space-6)}#home-projects-grid,#home-blog-list{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}#home-projects-grid .project-card>div{padding:var(--space-4)}#home-projects-grid .project-card strong{margin-bottom:var(--space-2);display:block}#home-projects-grid .project-card p{color:var(--muted);margin-bottom:0;font-size:.9rem}.blog-controls{margin:var(--space-6) 0}.blog-controls input{max-width:28rem}.blog-card,.project-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);transition:transform var(--transition), border-color var(--transition);overflow:hidden}.blog-card:hover,.project-card:hover{color:var(--text);border-color:#fff;text-decoration:none;transform:translateY(-3px)}.blog-card{padding:var(--space-6);display:block}.blog-card article{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.blog-card time,.project-category-badge{margin-bottom:var(--space-2);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700;display:block}.blog-card p,.project-card p{color:var(--muted)}.read-more,.project-link-indicator{color:var(--text);font-size:.875rem;font-weight:700}.category-tabs{gap:var(--space-2);margin:var(--space-6) 0;flex-wrap:wrap;display:flex}.category-tab{border-color:var(--border);color:var(--text);background:#000000a6}.category-tab.active,.category-tab:hover{color:#000;background:#fff;border-color:#fff}.project-card{flex-direction:column;display:flex}.project-card img,.project-card-placeholder{object-fit:cover;width:100%;height:12.5rem}.project-card-placeholder{background:#555}.project-card-body{padding:var(--space-4);flex-direction:column;flex:1;display:flex}.project-card h3{margin-bottom:var(--space-2)}.project-card p{flex:1;font-size:.9rem}.tech-tags{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.tech-tag{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.2rem .55rem;font-size:.75rem}body[data-page=post] main,body[data-page=login] main{max-width:var(--content-width)}#post{box-shadow:none;background:0 0;border:0;padding:0}#meta{color:var(--muted);font-size:.875rem}#content{margin-top:var(--space-6)}#content>:is(h2,h3){margin-top:var(--space-8)}#content img{margin:var(--space-4) 0;border-radius:var(--radius)}#content a{color:var(--text);text-decoration:underline}#like-btn,#load-more-comments{margin-bottom:var(--space-4);border-color:var(--border);color:var(--text);background:0 0}#like-btn:hover,#load-more-comments:hover{color:#000;background:#fff;border-color:#fff}#comments,body[data-page=admin] ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}#comments li,body[data-page=admin] li{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}body[data-page=admin] main>div{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}body[data-page=admin] main>div>section{padding:var(--space-6);margin:0}body[data-page=admin] li{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}body[data-page=admin] button[data-type]{min-height:auto;padding:var(--space-1) var(--space-3);border-color:var(--danger);color:var(--danger);background:0 0}body[data-page=admin] button[data-type=project-edit],body[data-page=admin] button[data-type=post-edit]{border-color:var(--border);color:var(--text)}.home-reveal,.project-card--reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(1.25rem)}.home-reveal.is-visible,.project-card--reveal.is-visible{opacity:1;transform:none}@media (width<=900px){body[data-page=home] main>section:nth-child(2),#home-projects-grid,#home-blog-list,body[data-page=admin] main>div{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){main{width:min(100% - 1.5rem, var(--page-width));padding:var(--space-8) 0}.hero-layout{flex-direction:column;align-items:flex-start}.hero-photo{align-self:center}body[data-page=home] main>section:nth-child(2),#home-projects-grid,#home-blog-list,body[data-page=admin] main>div{grid-template-columns:1fr}body[data-page=home] main>section:nth-child(2),body[data-page=home] main>section:nth-child(3){margin:var(--space-8) auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.home-reveal,.project-card--reveal{opacity:1;transform:none}}