body{margin:0;font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#fafafa}main{max-width:900px;margin:0 auto}.header{padding:4rem 2rem;background:linear-gradient(135deg,#07c,#0af);color:#fff;text-align:center}.header h1{font-size:2.8rem;font-weight:700;margin-bottom:.5rem;letter-spacing:1px}.header p{font-size:1.2rem;margin-bottom:2rem;color:#e6f7ff}.header-links{display:flex;justify-content:center;gap:1rem}.header-links a{display:inline-block;padding:.7rem 1.5rem;background:#fff;color:#07c;border-radius:.6rem;text-decoration:none;font-weight:600;transition:background .3s,color .3s,transform .2s}.header-links a:hover{background:#005fa3;color:#fff;transform:translateY(-3px)}.projects-section{padding:3rem 2rem;background:#f9f9f9;text-align:center}.projects-section h2{font-size:2.2rem;color:#222;margin-bottom:2rem;position:relative}.projects-section h2:after{content:"";display:block;width:60px;height:4px;margin:.5rem auto 0;background:#07c;border-radius:2px}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.project-item{background:#fff;padding:1.8rem 1.5rem;border-radius:1rem;box-shadow:0 4px 12px #0000001a;transition:transform .25s,box-shadow .25s}.project-item:hover{transform:translateY(-6px);box-shadow:0 6px 18px #00000026}.project-item h3{color:#07c;margin-bottom:.6rem;font-size:1.3rem}.project-item p{color:#555;font-size:.95rem;margin-bottom:1.2rem;line-height:1.4}.project-item a{display:inline-block;padding:.6rem 1.2rem;background:#07c;color:#fff;border-radius:.5rem;text-decoration:none;font-weight:500;transition:background .3s,transform .2s}.project-item a:hover{background:#005fa3;transform:translateY(-3px)}.project-item a.outline{background:transparent;border:2px solid #0077cc;color:#07c}.project-item a.outline:hover{background:#07c;color:#fff}