:root{--color-primary:#2949fd;--color-secondary:#a4a9c4}body{width:100%;height:100%;margin:0;padding:0;position:absolute}.text\:blue{color:var(--color-primary)}.bg\:green{background:#06b300}.bg\:yellow{background:#e7e406}.bg\:red{background:#b30000}header nav>:hover:not(.active){background-color:var(--color-secondary)}.button-blue{white-space:nowrap;background-color:#07176d;flex-wrap:nowrap;align-items:center;display:inline-flex;color:#fff!important}.button-blue svg{flex:none}.button-blue:hover{background-color:#a4a9c4;color:#333!important}#moon-view{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#moon-anchor{--size:40vw;--width:var(--size);--height:var(--size);--anchor-x:50%;--anchor-y:50%;z-index:10000;position:absolute;top:50%;left:50%}a.button{color:#1831bd;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #1c1fd6;border-radius:10px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}a.button:hover,a.button\:secondary{color:#fff;text-align:center;cursor:pointer;background-color:#2146ff;border:1px solid #b0b1da;border-radius:10px;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-block}a.button\:secondary:hover{color:#1831bd;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #1c1fd6;border-radius:10px;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-block}#page-scroll{z-index:1}.project-page{color:#475569;background:#fff}.project-page .project-container{width:min(1180px,100%);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,3rem)}.project-page .project-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;display:flex}.project-page h1{color:#172033;overflow-wrap:anywhere;margin:0 0 1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12}.project-page .project-heading-meta{color:#64748b;flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.project-page .project-heading-meta>span{color:#334155;font-weight:600}.project-page .project-edit{color:#2949fd;border:1px solid #cbd5e1;border-radius:.5rem;flex-shrink:0;padding:.6rem 1rem;font-weight:600}.project-page .project-overview{align-items:flex-start;gap:clamp(2rem,5vw,4rem);display:flex}.project-page .project-logo{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;flex:0 0 28%;padding:1.5rem}.project-page .project-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:280px;display:block}.project-page .project-summary{flex:1;min-width:0}.project-page .project-description{overflow-wrap:anywhere;font-size:1.075rem;line-height:1.8}.project-page .project-description p{margin:0 0 1.4rem}.project-page .project-description ul,.project-page .project-description ol{margin-bottom:1.4rem;padding-left:1.5rem}.project-page .project-description ul{list-style:outside}.project-page .project-description ol{list-style:decimal}.project-page .project-link{color:#fff;background:#2949fd;border-radius:.5rem;align-items:center;gap:1rem;margin-top:.5rem;padding:.8rem 1.2rem;font-weight:600;display:inline-flex}.project-page .project-link:hover{background:#203acb}.project-page a:focus-visible{outline-offset:4px;outline:3px solid #2949fd}.project-page .project-github{color:#2949fd;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin-top:2rem;font-weight:600;display:flex}.project-page .project-github svg{fill:#172033;flex:0 0 24px;width:24px;height:24px}.project-page .project-github span{overflow-wrap:anywhere;min-width:0}.project-page .project-github:hover span{text-decoration:underline}.project-page .project-details{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;gap:1.5rem;margin-top:2.5rem;padding:2rem 0;display:grid}.project-page .project-detail-group{grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:1rem;display:grid}.project-page .project-detail-group h2{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin:0;font-size:.8rem}.project-page .project-chips{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.project-page .project-chips li{color:#2944ab;overflow-wrap:anywhere;background:#f0f3ff;border:1px solid #dce3fa;border-radius:999px;max-width:100%;padding:.4rem .85rem;font-size:.875rem;line-height:1.4}.project-page .project-tags li{color:#475569;background:#f8fafc;border-color:#e2e8f0}.project-page .project-gallery{margin-top:3rem}.project-page .project-gallery>h2{color:#172033;margin:0 0 1.5rem;font-size:1.5rem}.project-page .project-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.project-page .project-media-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.9rem;min-width:0;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.project-page .project-media figure{max-width:100%;margin:0;padding:1rem}.project-page .project-media-caption{color:#64748b;overflow-wrap:anywhere;background:#fff;border-top:1px solid #e2e8f0;margin:0;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6}@media (width<=700px){.project-page .project-heading,.project-page .project-overview{flex-direction:column}.project-page .project-logo{flex-basis:auto;width:min(100%,300px)}.project-page .project-detail-group{grid-template-columns:1fr;gap:.75rem}.project-page .project-media{grid-template-columns:1fr}}