.container{display:flex;flex-direction:column;gap:2rem;padding:2.5rem 1.5rem 3.5rem;background:linear-gradient(145deg,hsla(0,0%,7%,.9),rgba(9,30,14,.85));border-radius:2rem;color:#f5f5f5;box-shadow:0 30px 60px rgba(0,0,0,.45);max-width:960px;margin:2.5rem auto 4rem}.proj-title{font-size:clamp(2.2rem,4vw,3.2rem);text-align:center;color:#7df27d;margin-bottom:.75rem}.proj-info{font-size:clamp(1.05rem,1vw + 1rem,1.3rem);line-height:1.7;text-align:center;color:#d4f5d4}.proj-body{display:flex;flex-direction:column;gap:1.5rem;font-size:clamp(1rem,.9vw + 1rem,1.2rem);line-height:1.7;color:#e8f7e8}.proj-body p{margin:0}.proj-roadmap{list-style:none;margin:0;display:grid;grid-gap:1rem;gap:1rem;background:rgba(20,49,27,.7);border-radius:1.5rem;padding:1.5rem 1.25rem;box-shadow:inset 0 0 0 1px rgba(125,242,125,.2)}.proj-roadmap li{position:relative;padding-left:2.25rem;color:#dfffe0}.proj-roadmap li:before{content:"";position:absolute;left:.75rem;top:.55rem;width:.6rem;height:.6rem;border-radius:999px;background:#7df27d;box-shadow:0 0 0 4px rgba(125,242,125,.25)}.proj-status{font-style:italic;color:#c7ecc7}.proj-status a{color:#7df27d;font-weight:600}.proj-status a:hover{text-decoration:underline}@media (min-width:768px){.container{padding:3rem 3rem 4rem}.proj-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:light){.container{background:linear-gradient(145deg,rgba(240,255,240,.9),rgba(220,245,220,.85));color:#0a2810}.proj-info{color:#142}.proj-body{color:#16331d}.proj-roadmap{background:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 1px rgba(26,84,45,.1)}.proj-roadmap li{color:#184624}.proj-status{color:#1c3c23}}