*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f6f7fb,#eef1f9);color:#1a1a2e;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;line-height:1.5}.container{width:100%;max-width:880px}header{text-align:center;margin-bottom:3rem}h1{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700;margin:0 0 .75rem;letter-spacing:-.02em}.tagline{font-size:1.125rem;color:#5a5a72;margin:0}.projects{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{display:block;padding:1.75rem;background:#fff;border-radius:16px;text-decoration:none;color:inherit;border:1px solid #e5e7f0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(20,20,50,.08);border-color:#c8ccdc}.card h2{margin:0 0 .5rem;font-size:1.375rem;font-weight:600}.card p{margin:0 0 1rem;color:#5a5a72;font-size:.95rem}.card .arrow{font-size:.9rem;font-weight:500;color:#3d5afe}footer{margin-top:3rem;text-align:center;font-size:.875rem;color:#8a8aa0}