html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica,Arial,sans-serif;background-color:#fafafa;color:#111;text-align:center;line-height:1.6}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem}.hero h1{margin:0;font-size:2.8rem;font-weight:700}.hero p{margin:0;font-size:1.2rem;color:#666}.profile{width:120px;border-radius:50%;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.profile:hover{transform:scale(1.05);box-shadow:0 14px 35px #00000026}.cta{display:inline-block;padding:.8rem 1.6rem;margin-top:1rem;background:#111;color:#fff;border-radius:999px;text-decoration:none;font-weight:500;transition:background .3s ease,transform .3s ease}.cta:hover{background:#333;transform:translateY(-2px)}.scroll-down{margin-bottom:0;margin-top:0;margin-top:2rem;font-size:2rem;text-decoration:none;color:#111;animation:bounce 1.5s infinite;transition:transform .3s ease,color .3s ease}.scroll-down:hover{color:#555;transform:translateY(4px)}@keyframes bounce{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(10px);opacity:1}}.projects{padding:5rem 2rem;background:#fff;display:flex;flex-direction:column;align-items:center}.projects h2{margin-bottom:2rem;font-size:2rem;font-weight:700}.project-card{width:100%;max-width:760px;background:#f9f9f9;border-radius:24px;padding:2rem;box-shadow:0 10px 30px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #00000014}.project-card h3{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.project-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.project-content p{max-width:620px;margin:0;color:#555;font-size:1rem}.project-content strong{color:#111}.project-image{width:100%;max-width:620px;border-radius:20px;box-shadow:0 10px 25px #00000014;transition:transform .3s ease,box-shadow .3s ease}.project-image:hover{transform:scale(1.02);box-shadow:0 16px 35px #0000001f}.project-links{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.project-links a{padding:.75rem 1.4rem;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:500;transition:background .3s ease,transform .3s ease}.project-links a:hover{background:#333;transform:translateY(-2px)}