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