body{margin:0;font-family:Poppins,sans-serif;background:#fff;color:#222;overflow-x:hidden}
.hero{text-align:center;padding:60px 20px 180px;position:relative}
.logo{font-size:54px;font-weight:300}.logo span{font-weight:800;color:#7b4dff}
h1{font-size:clamp(48px,8vw,96px);margin:30px 0 10px;font-weight:800}
h1 span{color:#7b4dff}p{font-size:clamp(18px,2vw,32px);color:#666}
.contact{margin:60px auto 30px;width:340px;max-width:90%;padding:24px;border-radius:20px;background:#f5efff;box-shadow:0 10px 25px rgba(123,77,255,.12)}
.contact a{text-decoration:none;color:#6f42c1;font-weight:700}.tag{font-size:28px}.tag b{color:#7b4dff}
.wave{position:fixed;left:0;right:0;bottom:0;height:180px;background:linear-gradient(180deg,#efe6ff,#dcc8ff);border-top-left-radius:50% 100px;border-top-right-radius:50% 100px}
.caps{position:fixed;left:20px;bottom:20px;width:180px;height:120px;background:radial-gradient(circle,#cdb3ff 8px,transparent 9px);background-size:32px 32px;opacity:.4}
.flask{position:fixed;right:40px;bottom:30px;width:90px;height:170px;border:4px solid #b08cff;border-top:none;border-radius:0 0 30px 30px;opacity:.6}
@media(max-width:768px){.hero{padding-bottom:220px}.logo{font-size:38px}.tag{font-size:20px}.flask{width:60px;height:120px;right:10px}}