html{scrollbar-gutter:stable}*{box-sizing:border-box;margin:0;padding:0}h2{text-shadow:0 2px 8px #000003e6}body{color:#e0e0e0;background-color:#121212;flex-direction:column;gap:20px;min-height:100vh;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;display:flex}.ascii-logo{white-space:pre;margin:0;padding:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:4px;line-height:1.1}.logo{cursor:pointer;color:#fff;text-shadow:0 2px 8px #0003;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .23s cubic-bezier(.25,.8,.25,1);display:inline-block}.logo:hover{text-shadow:0 0 10px #ffffff42}.container{background-color:#1e1e1e;border-radius:14px;width:100%;max-width:1000px;margin:0 auto;padding:30px;box-shadow:0 6px 20px #0000004d}.header-container{z-index:100;position:sticky;top:0}.header-content{border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;display:flex}.footer-container{margin-top:auto}.footer-content{color:#777;border-radius:14px 14px 0 0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.footer-links{gap:25px;display:flex}.footer-links a{color:#999;text-decoration:none}.footer-links a:hover{color:#ff4d4d}.nav{align-items:center;gap:24px;display:flex}.nav a{color:#e0e0e0;border-radius:6px;padding:6px 12px;text-decoration:none;transition:all .2s}.nav a:hover,.nav a.active{color:#ff4d4d;background-color:#ff4d4d1a}.projects-section{margin-bottom:50px}.section-title{color:#fff;margin-bottom:24px;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:600}.projects-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.project-card{width:100%;height:280px;color:inherit;cursor:pointer;background-color:#181818;border:1px solid #333;border-radius:10px;text-decoration:none;transition:all .23s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.project-card:before{content:"";background-image:var(--card-cover,none);background-position:50%;background-size:cover;border-top-left-radius:10px;border-top-right-radius:10px;height:50%;transition:all .23s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:0;right:0}.project-card:hover{scale:1.03}.project-card:hover:before{border-bottom-right-radius:10px;border-bottom-left-radius:10px;height:100%}.project-card .card-gradient{z-index:1;background:linear-gradient(#0000 0%,#18181899 50%,#181818 100%);position:absolute;inset:0}.project-card .card-content{z-index:2;flex-direction:column;height:100%;padding:16px;display:flex;position:relative}.project-card h3{color:#fff;text-shadow:0 2px 4px #000000e6;margin-bottom:8px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.project-card .card-spacer{flex-grow:1}.project-card .card-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:Inter,sans-serif;font-size:.75rem}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.container{padding:20px}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.nav{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%}.projects-grid{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column;gap:16px}}.lang-switcher{align-items:center;gap:8px;display:flex}.lang-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;width:40px;height:40px;padding:4px 8px;font-size:16px;transition:all .2s}.lang-btn:hover{color:#000;background-color:#424242}.lang-btn.active{color:#fff;font-weight:700;text-decoration:underline}.lang-divider{color:#ccc}