*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',sans-serif;background-color:#0a0f1a;color:#e2e8f0;padding:2rem}.container{max-width:750px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#94a3b8;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.available{background-color:#22c55e;color:#0f172a;border-radius:999px;padding:.25rem .75rem;font-weight:600}h1{font-size:2rem;font-weight:700;margin:1.5rem 0;line-height:1.6}.intro{margin-bottom:2rem}.intro p{color:#94a3b8;margin-bottom:1.5rem;max-width:70%}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.tags span{background-color:#1e293b;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem}section{margin-bottom:3.5rem}.section-title{display:flex;align-items:center;font-family:monospace;font-size:1rem;background-color:#0f172a;color:#38f84e;padding:.5rem 1rem;border-left:4px solid #38f84e;margin-bottom:1.25rem}.code-box{background:#1e293b;padding:1rem;border-radius:.5rem;font-family:monospace;font-size:.85rem;margin-top:1rem;white-space:pre-wrap;overflow-x:auto}.project-box{background-color:#1e293b;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.project-title{font-weight:600;margin-bottom:.25rem}.tech{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.tech span{background-color:#334155;padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem}.contact-box{background-color:#1e293b;border-radius:.5rem;padding:1rem;margin-top:1rem}.contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1.5rem}.contacts a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#38bdf8;font-size:.95rem;transition:color .3s ease}.contacts a:hover{color:#0ea5e9}.contacts i{font-size:1.1rem}footer{text-align:center;font-size:.875rem;color:#64748b;border-top:1px solid #1e293b;padding-top:2rem}@media (max-width: 768px){body{padding:1rem}h1{font-size:1.5rem;line-height:1.4}.intro p{max-width:100%;font-size:.95rem}.tags{flex-direction:column;align-items:flex-start}.tags span{font-size:.8rem;padding:.3rem .6rem}.contacts{flex-direction:column;align-items:flex-start;gap:1rem}.contacts a{font-size:1rem}.topbar{flex-direction:column;align-items:flex-start}.intro p,.container{width:100%}}