*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}main{max-width:1200px;margin:0 auto}h1{color:#1a202c;text-align:center;margin-bottom:40px;font-size:3rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}.project-card{cursor:pointer;color:inherit;background:#fff;border-radius:12px;flex-direction:column;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #0000001a}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.project-card h2{color:#2d3748;margin-bottom:12px;font-size:1.5rem}.project-card p{color:#4a5568;flex-grow:1;margin-bottom:16px;line-height:1.6}.project-status{border-radius:4px;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-block}.status-active{color:#22543d;background-color:#c6f6d5}.status-soon{color:#78350f;background-color:#fef3c7}