#root{background:url(./green-bck.jpg) no-repeat center center/cover}#hero{background:url(purple-bck.avif) no-repeat center center/cover;color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;line-height:1.6;background:#f4f4f4;color:#333}header{background:#111;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}header .logo{font-size:1.5rem;font-weight:700}nav ul{display:flex;gap:1rem;list-style:none}nav a{color:#fff;text-decoration:none;transition:color .3s ease}nav a:hover{color:#f39c12}section{padding:4rem 2rem;max-width:1000px;margin:auto;text-align:center}#hero{background:url(./purple-bck.avif) no-repeat center center/cover;color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#hero h1{font-size:3rem;margin-bottom:1rem}#hero .btn{margin-top:1.5rem;background:#f39c12;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:25px;text-decoration:none;transition:background .3s ease}#hero .btn:hover{background:#d68910}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 6px #0000001a;flex:1 1 250px}form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:auto}form input,form textarea{padding:1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}form button{background:#111;color:#fff;padding:.75rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}form button:hover{background:#333}footer{background:#111;color:#fff;text-align:center;padding:1rem}.submit-message{margin-top:20px}