.hero{height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(to right,#0f172a,#1e293b);color:#fff;padding:20px}.hero h1{font-size:48px;margin-bottom:15px}.hero p{font-size:18px;max-width:600px;margin-bottom:30px}.buttons{display:flex;gap:15px}.btn{padding:12px 25px;border-radius:6px;border:none;cursor:pointer;font-size:16px}.primary{background-color:#38bdf8;color:#000}.secondary{background-color:transparent;border:1px solid #38bdf8;color:#38bdf8}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#0f172a;color:#fff}.logo{font-size:22px;font-weight:700}.nav a{margin-left:20px;text-decoration:none;color:#fff;font-weight:500}.nav a:hover{color:#38bdf8}